🧩 Global Styles override CookieYes styles

[cookieyeshq]

Prerequisites

• [X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
• [X] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.

Description

We have encountered an issue where Elementor’s global CSS is overriding custom styles applied to our CookieYes consent banner, which is intended to display correctly across various themes and setups. This conflict affects both the design and positioning of the banner, leading to layout inconsistencies.

Steps to reproduce

1. Install and activate both Elementor and the CookieYes GDPR Compliance plugin.
2. Customize the CookieYes banner styling (e.g., button color, font size).
3. Customize the styling of the site using Elementor (for e.g., button styles).
4. Load the site, and observe that some banner styles are being overridden by Elementor's global CSS.

Expected behavior

The banner should retain its custom styling without interference from Elementor’s CSS.

Isolating the problem

• [ ] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
• [ ] This bug happens with the Hello Elementor theme active.
• [X] I can reproduce this bug consistently by following the steps I described above.

Elementor System Info

Click to reveal

````txt == Server Environment == Operating System: Linux Software: Apache/2.4.62 (Debian) MySQL version: mariadb.org binary distribution v10.5.26 PHP Version: 8.1.30 PHP Memory Limit: 512M PHP Max Input Vars: 2500 PHP Max Post Size: 1000M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.6.2 Site URL: https://wordpress-273836-2906341.cloudwaysapps.com Home URL: https://wordpress-273836-2906341.cloudwaysapps.com WP Multisite: No Max Upload Size: 1,000 MB Memory limit: 40M Max Memory limit: 512M Permalink Structure: /%postname%/ Language: en_US Timezone: 0 Debug Mode: Active == Theme == Name: Twenty Twenty Version: 2.6 Author: the WordPress team Child Theme: No == User == Role: administrator WP Profile lang: en-US User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 == Active Plugins == CookieYes | GDPR Cookie Consent Version: 3.2.7 Author: CookieYes Elementor Version: 3.25.1 Author: Elementor.com == Elementor Experiments == Improved CSS Loading: Inactive by default Inline Font Icons: Active Additional Custom Breakpoints: Active Container: Active Upgrade Swiper Library: Active Nested Elements Performance: Active by default Optimized Control Loading: Active Optimized Markup: Inactive by default Conditionally load Swiper CSS files: Inactive by default Plugin Onboarding: Active by default CSS Smooth Scroll: Active by default Elementor Home Screen: Active by default Landing Pages: Active Nested Elements: Active Editor Top Bar: Active Pages Panel: Inactive by default Element Caching: Active Link In Bio: Active by default Floating Buttons: Active by default Elementor Editor Events: Inactive by default Atomic Widgets: Inactive by default Launchpad Checklist: Inactive by default == Log == == Elementor - Compatibility Tag == ````

Agreement

• [X] I agree that my issue may be closed without action if it doesn't meet all the requirements.

[nicholaszein]

Hello @cookieyeshq!

Thank you for submitting your issue! 🙏

🏷️ We've labeled this issue and our team will take a look at it. If there is indeed a problem, they'll work on fixing it. We can't say exactly when it'll be sorted out, but we kindly ask for your patience. Thanks for understanding!

Best regards