You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
The issue still exists against the latest stable version of Elementor.
Someone from the Astra theme development team reported on this last year : #10733
Description
Been an issue since version 3.0. When enable 'Disable Default Colours' and 'Disable Default Fonts' under Settings > General and you input your own custom css values in the theme customiser for .elementor-button class it works fine. But when you have already visited that link in the past the :visited pseudo is present in Elementor's css. I've provided this issue in an example environment under the 2021 default theme. I normally use the Astra theme which has this issue but it makes it more neutral on a default theme to troubleshoot.
Steps to reproduce
Enable Elementor core plugin and 2021 theme. Create two pages. On page one add an elementor button that links to page two. In the Elementor settings enable 'Disable Default Colours' and 'Disable Default Fonts' under Settings > General. Under Appearance > Customise add the following CSS:
.elementor-button {
background-color: #e8323200;
border: 2px solid #e83232;
color: #e83232;
}
Navigate to page one where the elementor button is an click on it taking you to page two. Go back to page one and refresh and the text in the button will now be white. Under '/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.2.2' if you search for ':visited' there will be one entry for the .elementor-button class.
Please remove ':visited' pseudo from your css as it is not needed for your button widget. This highly impacts design choices when using Astra theme which my company uses as Astra theme overwrites the button styling when checked the two boxes under general settings. I've replicated this issue under another theme to show it still applies to other instances. Thanks.
Any questions please let me know.
Isolating the problem
This bug happens with only Elementor plugin active (and Elementor Pro).
This bug happens with a default WordPress theme active.
I can reproduce this bug consistently using the steps above.
Environment
System Info
== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: MariaDB Server v5.7.31
PHP Version: 7.4.16
PHP Max Input Vars: 2500
PHP Max Post Size: 128M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
Someone from the Astra theme development team reported on this last year : #10733
Description
Been an issue since version 3.0. When enable 'Disable Default Colours' and 'Disable Default Fonts' under Settings > General and you input your own custom css values in the theme customiser for .elementor-button class it works fine. But when you have already visited that link in the past the :visited pseudo is present in Elementor's css. I've provided this issue in an example environment under the 2021 default theme. I normally use the Astra theme which has this issue but it makes it more neutral on a default theme to troubleshoot.
Steps to reproduce
Enable Elementor core plugin and 2021 theme. Create two pages. On page one add an elementor button that links to page two. In the Elementor settings enable 'Disable Default Colours' and 'Disable Default Fonts' under Settings > General. Under Appearance > Customise add the following CSS:
.elementor-button {
background-color: #e8323200;
border: 2px solid #e83232;
color: #e83232;
}
.elementor-button:hover {
background-color: #e83232;
border: 2px solid #e83232;
color: #FFFFFF;
}
Navigate to page one where the elementor button is an click on it taking you to page two. Go back to page one and refresh and the text in the button will now be white. Under '/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.2.2' if you search for ':visited' there will be one entry for the .elementor-button class.
Please remove ':visited' pseudo from your css as it is not needed for your button widget. This highly impacts design choices when using Astra theme which my company uses as Astra theme overwrites the button styling when checked the two boxes under general settings. I've replicated this issue under another theme to show it still applies to other instances. Thanks.
Any questions please let me know.
Isolating the problem
Environment
System Info
== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: MariaDB Server v5.7.31
PHP Version: 7.4.16
PHP Max Input Vars: 2500
PHP Max Post Size: 128M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 5.7.1
Site URL: https://elementor-hover-bug.elementorwp.uk
Home URL: https://elementor-hover-bug.elementorwp.uk
WP Multisite: Yes
Max Upload Size: 128 MB
Memory limit: 2048M
Permalink Structure: /%year%/%monthnum%/%day%/%postname%/
Language: en-GB
Timezone: Europe/London
Debug Mode: Inactive
== Theme ==
Name: Twenty Twenty-One
Version: 1.3
Author: the WordPress team
Child Theme: No
== User ==
Role: administrator
WP Profile lang: en_GB
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36
== Network Plugins ==
Elementor
Version: 3.2.2
Author: Elementor.com
== Must-Use Plugins ==
StackCache
Version:
Author: Stack CP
== Elementor - Compatibility Tag ==
== Elements Usage ==
== Log ==
The text was updated successfully, but these errors were encountered: