BugWP logo BugWP
Back to Community
Home / Community / Plugin → Essential addons for elementor

Troubleshooting Common Essential Addons Flip Box Issues

24 threads Sep 10, 2025 Plugin → Essential addons for elementor

Content

The Flip Box widget from Essential Addons for Elementor is a popular tool for creating engaging content. However, like any complex feature, users can sometimes encounter problems. Based on community reports, here are the most common Flip Box issues and their potential solutions.

Common Flip Box Problems and Solutions

1. Links Not Working on Flip Boxes

The Problem: Buttons or entire box links fail to work when clicked, particularly on specific animation styles like 'Zoom Out'.

Why It Happens: This is a known bug that has affected the widget in past versions.

The Solution:

  • Update the Plugin: The Essential Addons for Elementor team has frequently fixed link-related bugs in official updates. Ensure you are running the latest version of the plugin.
  • Regenerate Assets: After updating, regenerate assets from both Essential Addons and Elementor. Go to wp-admin -> Essential Addons -> Tools and hit 'Regenerate Assets'. Then, go to wp-admin -> Elementor -> Tools and regenerate files there as well. This clears cached files that might be causing the issue.
  • Temporary Workaround: If an update is not immediately available, switching the flip animation to a different type (e.g., from 'Zoom Out' to 'Zoom In') can sometimes resolve the link functionality.

2. Display and Styling Issues in Specific Browsers

The Problem: The Flip Box appears broken, shows incorrect content (like a reversed front side), or has z-index issues where it appears over site headers. This is most commonly reported in Safari, Firefox, and Internet Explorer.

Why It Happens: Browser compatibility issues, especially with CSS 3D transform properties and perspective, can cause rendering bugs. Older browsers like IE11 do not support some necessary CSS properties at all.

The Solution:

  • For Safari/Firefox: Try adding the following Custom CSS via Elementor's page settings or your theme's customizer: 
    .eael-animate-flip.eael-animate-left,
.eael-animate-flip.eael-animate-right,
.eael-animate-flip.eael-animate-up,
.eael-animate-flip.eael-animate-down {
    transform-style: unset !important;
    perspective: unset !important;
}
    Note: This may disable the 3D flip effect but can restore functionality.
  • For Internet Explorer: Be aware that full functionality is not guaranteed in IE11 due to its lack of support for modern CSS properties. Consider using an alternative widget for users on this browser.
  • For Z-index Issues: Manually adjust the z-index of the flip box container or the site header in your CSS to resolve layering conflicts.

3. Content Padding and Alignment Problems

The Problem: Padding settings for the front or back content seem to have no effect, or the title is not centered correctly.

Why It Happens: This can be due to a specific bug or CSS conflicts from your theme or other plugins.

The Solution:

  • For Title Alignment: Add this CSS snippet to fix an issue with empty paragraph tags affecting layout: 
    .elementor-widget-container .eael-elements-flip-box-content p:empty:before {
    content: unset !important;
}
  • For Padding: If the padding controls in the widget settings do not work, you may need to target the content containers directly with custom CSS.

4. Editing the Back Content in Elementor Editor

The Problem: The editor only shows settings for the front side of the flip box, making the back content uneditable.

Why It Happens: This is usually a misunderstanding of the widget's interface.

The Solution: The back content is edited in the same widget panel. Look for the 'Back' button or tab within the Flip Box widget's content section to switch between editing the front and back views.

General Troubleshooting Steps

If you encounter any issue with the Flip Box widget, always try these steps first:

  1. Update Everything: Ensure WordPress, Elementor, Essential Addons, and your theme are all updated to their latest versions.
  2. Clear All Caches: Clear your site cache, browser cache, and CDN cache (if you use one).
  3. Regenerate Assets: As mentioned above, this is a critical step after any update. Regenerate assets in both Essential Addons and Elementor.
  4. Conflict Test: Temporarily deactivate all other plugins and switch to a default WordPress theme (like Twenty Twenty-One). If the issue resolves, reactivate them one by one to identify the conflict.

Many Flip Box issues have been officially patched in subsequent plugin updates. If you continue to experience problems after trying these solutions, it is best to search the plugin's support forums for similar reports or check if a newer version is available that addresses your specific bug.

Related Support Threads Support