Elementor 3.0 FAQ

Elementor 3.0 is a major release and includes some substantial infrastructure changes.

Before upgrading to v3.0, make sure to backup your site, and if you are using a third-party plugin for Elementor, make sure it is compatible with Elementor 3.0. Check the third-party plugin changelog for notes indicating that they have made it compatible, or speak to the plugin support channel if you are unsure.

To update:

We released a new update (Elementor Core 3.0.9), with a solution that includes:

• Fix: Kit settings are removed when modifying site title or tagline in WordPress settings and customizer screens, resulting in loss of styles and all site settings.

To update:

We released a new update (Elementor Core 3.0.8.1), with fixes including:

• Fix: Reversed shape dividers are versus other items in Chrome 85 fix due to display glitches
• Fix: Automatic column control setting causes layout to display in one row in social icons

To update:

We released a new update (Elementor Core 3.0.8), with fixes including:

• Fix: additional cases of global style inconsistencies in Editor and Frontend
• Fix: Edit with Elementor button is missing from top admin bar in some cases since WordPress 5.4
• Fix: unexpected columns view when inner section is muted
• Fix: some shape dividers are in front of other elements in Chrome 85
• Fix: JS error `elementorCommon` is undefined
• Fix: Site description does not update from 'Customizer' screen
• Fix: When global values are not available, do not return an empty object
• Fix: message after sending RTL icon spacing error
• Solution: Select2 control dimension settings

To update:

We have released two new updates (Elementor Core 3.0.7 and Elementor Pro 3.0.4), with fixes including:

• Fix: additional cases of global style inconsistencies in Editor and Frontend
• Fix: Plugins conflict on non-admin login to dashboard
• Fix: PHP error undefined method `add_repeater_row` caused data refresh issues and server overload
• Fix: Global fonts and colors are not saved when created in site settings
• Fix: A shared link to post text is attached to the Twitter Share button widget
• Fix: "No path found matching url and request method" error when using simple permalinks
• Fix: The site favicon that was configured from the WordPress customizer is missing from the site identity screen

• Fix: Auto-generated screenshots appear in modal WP media library
• Fix: Make sure Elementor posts widget pagination doesn't interfere with third-party plugins
• Fix: Reduction condition indicator in Theme Builder
• Fix: Column cannot be dragged and dropped if it populates a global widget
• Fix: Styles are missing from individual templates in some extreme cases

To update:

We released a new update (Elementor Core 3.0.6)

• Fix: missing global fonts and colors on front end (# 12363)
• Fix: Database update script causes unexpected errors (# 12305)
• Fix: Custom breakpoints stopped working since v3.0 (# 12320)
• Fix: Shortcuts for Navigator are not correct (# 12365)
• Fix: Can't close a browser since v3.0 (# 11836)
• Fix: Select dropdown cursor visibility issue in extreme cases in form widget (# 12053)
• Fix: Missing iFrame `title` attribute in Google Maps widget (# 9955)
• Fix: The default size unit selection is missing in the controls for the default global font properties `font-size` and` line-height`
• Fix: Toggle widget title style is missing in Editor
• Solution: Exit the Site Settings menu after accessing it from "Manage Global Fonts / Colors" Global drop-down menu throws a JS error

To update:

We released a new update (Elementor Pro 3.0.3), with fixes including:

• Fix: Pagination not working since WordPress 5.5 release
• Fix: Change the delete template action to "Move to Trash" in the new Theme Builder view

To update:

We have released two new updates (Elementor Core 3.0.5 and Elementor Pro 3.0.2). Some fixes in this update include:

• Fix: Items behave unexpectedly in the editor when adding a custom repeater control to column and section items, causing a problem when removing some items or making them disappear.
• Fix: Migration script crashes for global Gap Between Widgets settings which caused a problem with padding / margin changes.
• Fix: Move effects don't work when assigned to a column and throw error 35 when DOM optimization is disabled, causing issues with elements disappearing in the interface.
• Fix: hotfixes are not updating correctly
• Fix: Multiple galleries showing all images in Lightbox slideshow
• Fix: Old theme builder opens when accessed through Finder
• Fix: card icon sizes in Theme Builder
• Fix: Preview button leads to "render_mode" instead of preview when importing a template from the new Theme Builder

To update:

We have released a new update ( 3.0.4 for the free Core version). Some fixes in this update include:

• Fixed global font and color inconsistencies between editor and frontend in Core
• Fixed global dropdown was not available to all users in Core

To update:

If you have problems after upgrading to Elementor 3.0, first follow these steps:

• Make sure Elementor Core (free) and Elementor Pro are updated to the latest version.
• Clear cache. See more information on this topic>
• Delete localStorage.
  • Open the browser console.
  • Select "Application" from the top menu of the console.
  • Select "Local Storage" from the menu on the left of the console.
  • Right-click on your site (s) and click delete to remove local storage.
• Regenerate CSS files. To go Elementor> Tools> Regenerate CSS and click the Regenerate files button.
• If the problem is still not resolved, turn Improved DOM optimization Off mode. To go Elementor > Configurations > Advanced tongue > Improved DOM optimization and set it to «Disabled”.

Do I lose my current global settings when I update?

No, we make sure that all settings are migrated correctly. The saved colors will now be renamed Global Colors.

Updated to v3.0 but now my admin panel is no longer loading

Clear the cache and your local storage.

• Clear cache. See more information on this topic>
• Delete localStorage.
  • Open the browser console.
  • Select "Application" from the top menu of the console.
  • Select "Local Storage" from the menu on the left of the console.
  • Right-click on your site (s) and click delete to remove local storage.

This should erase the old settings so it won't load into your Editor.

I have updated to v3.0 but now my site has problems

Follow these steps before contacting support. This way, you will have a faster solution and our support engineers will be able to help others faster.

I got a message saying "Elementor Pro not working because you are using an older version of Elementor".

This is because you updated your Pro version before you updated your Core (free) version, and Elementor Pro 3.0 cannot work with older versions of Core. To get the latest version, try going to "Updates" in your WordPress dashboard, click the "Check Again" button and see if there are any pending updates.

If not go to Elementor> Tools and click "Synchronization library”: This should clear the cache on your server's pending updates list and show the update for Elementor core (free) v3.0

If that still doesn't work, manually downgrade Elementor Pro to the previous version (v2.10.3) by downloading the version from Elementor's website and uploading it to your site. Once you get the Core version (free) on your list of available plugins, update Elementor Core and then Elementor Pro

Where can I find more information about the new Theme Builder?

The new Theme Builder docs and many others can be found on our Docs website.

Some third party plugins that I use are not yet compatible with Elementor 3.0.

These include, but are not limited to:

• SG Siteground Optimizer: Siteground has released an update to patch this, so please update this plugin if you are using it.
• Crocoblock's JetElements / JetEngine: Crocoblock has released an update to patch this, so please update this plugin if you are using it.
• ElementKit
• Ele Custom Skin - An update has been released to patch this, so please update this plugin if you are using it.
• Essential plugins for Elementor Pro affect the ability to delete or drag columns and sections. This is now working properly.

I can't update the font / I lost my old font settings

Added an option to re-migrate global fonts and colors from previous versions of Elementor. To see it, go to Elementor> Tools> Version Control> Re-run upgrade script and click Migrate to V3. This button re-migrates the data from the previous site and removes the new stored values. Note that this process will revert all changes made to global colors and fonts since the update to v3.x.

If you can't update the font or lose your old font settings, try regenerating the CSS by going to Elementor > Tools > Regenerate CSS.

I see a data migration message. That I have to do?

Click Continue until complete.

My section and other items disappeared. That I have to do?

Turn off the enhanced DOM optimization mode. To go Elementor > Configurations > Advanced tongue > Improved DOM optimization and set it to «Disabled”.

Most useful links:

Introducing Elementor 3.0 - Layout System Features, New Theme Builder, and Significant Performance Improvements

How to use Elementor site settings

How to use Elementor global fonts and colors

Elementor Theme Builder Overview

How to Create a Search Results Page Template with Elementor Theme Builder

How to create a single page template with Elementor Theme Builder

How to Create a 404 Page Template with Elementor Theme Builder

How to create a footer template with Elementor Theme Builder

How to Create a Unique Post Template with Elementor Theme Builder

How to create a header template with Elementor Theme Builder

How to create a unique product template with Elementor Theme Builder

How to create a file template with Elementor Theme Builder