Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐞 BUG - Remove :visited pseudo from .elementor-button #14743

Open
4 of 5 tasks
perks98 opened this issue Apr 28, 2021 · 4 comments
Open
4 of 5 tasks

🐞 BUG - Remove :visited pseudo from .elementor-button #14743

perks98 opened this issue Apr 28, 2021 · 4 comments

Comments

@perks98
Copy link

perks98 commented Apr 28, 2021

  • 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;
}

.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.

Capture269

Capture267

Capture268

Capture266

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

== 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

WP Mail SMTP
	Version: 2.7.0
	Author: WPForms

== Must-Use Plugins ==
StackCache
Version:
Author: Stack CP

== Elementor - Compatibility Tag ==

== Elements Usage ==

wp-page : 1
	button : 1
	heading : 1
	text-editor : 1

== Log ==

@perks98
Copy link
Author

perks98 commented Apr 29, 2021

@shilo-ey @DorShahar ?

1 similar comment
@perks98
Copy link
Author

perks98 commented May 5, 2021

@shilo-ey @DorShahar ?

@vivankk
Copy link

vivankk commented Oct 30, 2022

I observe that, too, in 2022

@Pixlkraft
Copy link

Still an issue. Also with Elementor Hello Theme. Please take a look at this, Team Elementor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants