Back to Community
Home / Community / Plugin → Complianz – gdpr/ccpa cookie consent

Resolving Common Conflicts Between Complianz and Elementor

29 threads Sep 16, 2025 Plugin → Complianz – gdpr/ccpa cookie consent

Content

Many WordPress users rely on both the Complianz – GDPR/CCPA Cookie Consent plugin and Elementor page builder. While powerful together, these two plugins can sometimes interact in unexpected ways, causing issues with popups, menus, and other page elements. This guide outlines the most common conflicts and provides tested solutions to resolve them.

Common Symptoms of Complianz & Elementor Conflicts

Based on community reports, issues typically manifest in one of the following ways:

  • Clicking the Complianz banner closes Elementor popups
  • Elementor widgets (like accordions, menus, or animated headlines) malfunction after accepting cookies
  • Elementor's lightbox feature for images or videos breaks
  • Custom fonts (e.g., Adobe Fonts) fail to load
  • The Elementor editor panel fails to load with Complianz active
  • Page layout appears broken or elements are duplicated

Why These Conflicts Happen

Complianz works by managing scripts and cookies to ensure compliance with privacy regulations. This process can sometimes interfere with how Elementor and its add-ons initialize or run their scripts. The most common root causes are:

  1. Overzealous Script Blocking: Complianz may block an Elementor-related script before consent is given, preventing it from functioning correctly even after consent is provided.
  2. Integration Conflicts: Specific integrations within Complianz, particularly for add-ons like 'Ultimate Addons for Elementor,' can cause re-initialization issues or script errors.
  3. CSS Overrides: Global CSS from Elementor can sometimes override the styling of Complianz elements, and vice-versa.
  4. Popup Behavior: Both plugins manage popup behaviors and closures, which can lead to overlapping functionality.

Tested Solutions and Workarounds

1. Manage Integrations in Complianz

The first and most effective step is to review and disable specific integrations.

  1. Navigate to Complianz -> Integrations -> Plugins
  2. If present, try disabling the integration for 'Ultimate Addons for Elementor'. This is a frequent culprit for widget malfunctions and layout issues.
  3. You can also try disabling the standard 'Elementor' integration. Note that the 'Elementor Pro' integration toggle may switch itself back on; this is normal as it primarily handles Legal Hub template support. Focus on disabling the non-Pro version.
  4. Save changes and clear all site and browser caches.

2. Adjust Elementor Popup Settings

If your Elementor popup closes when the cookie banner is interacted with, a simple setting change in Elementor often helps.

  1. Edit your Elementor popup.
  2. Click the Settings (cogwheel) icon.
  3. Go to the Advanced tab.
  4. Enable the option 'Prevent Closing on Overlay'.
  5. Save your changes.

3. Whitelist Problematic Scripts

If a specific Elementor feature (e.g., TranslatePress integration within Elementor) breaks, the script powering it might be blocked.

  1. Go to Complianz -> Integrations -> Script Center.
  2. Click 'Whitelist a script...'.
  3. Enter the URL or identifier of the script (e.g., trp_data). Often, the theme or add-on developer can provide this identifier.
  4. Save and enable the new integration by switching its slider on.

4. Use Custom CSS

For visual issues like a lingering 'X' or font-size conflicts, CSS can provide a quick fix.

  1. Navigate to your theme's Custom CSS area (often under Appearance > Customize > Additional CSS) or the Complianz > Cookies banner > Custom CSS section.
  2. To hide a persistent 'X', add: .cmplz-hidden{display:none!important;}
  3. To prevent Elementor's global button CSS from affecting the Complianz banner, use more specific CSS rules to override the styles.

5. Disable Placeholders or Use Safe Mode

For issues with embedded content like videos or lightboxes:

  1. Try disabling placeholder insertion in Complianz -> Tools -> Placeholders -> Disable Placeholder Insertion.
  2. For deeper diagnostics, enable Complianz -> Tools -> Support -> Enable Safe Mode. This temporarily deactivates all integrations to help identify the conflict.

6. Check for Other Common Fixes

  • Clear Caches: Always clear your WordPress cache (from plugins like WP Rocket or LiteSpeed) and your browser cache after making any changes.
  • Increase Memory Limit: In rare cases, the Elementor editor may not load due to resource constraints exacerbated by running both plugins. Increasing your WordPress memory limit can resolve this.
  • Wrap Embeds: If a video embed breaks the layout before consent, try wrapping it in a simple <div> block or a 'Group' block in the Gutenberg editor to isolate it.

Conclusion

Conflicts between Complianz and Elementor are almost always solvable by adjusting a few settings, primarily within the Complianz integrations panel. The most effective solution is often to disable the 'Ultimate Addons for Elementor' integration. By systematically working through these solutions, you can maintain both a compliant website and a fully functional Elementor design.

Related Support Threads Support