Skip to content Skip to sidebar Skip to footer

Don’t update Elementor 3.0 for Now! When and How to Update?

Elementor 3.0 Update

Elementor has recently released their new major update Elementor 3.0. They’ve updated both free and pro version. As of the 3rd of September 2020 they’ve launched 5 additional updates to fix the issues occurred. See the changes at the end of this post.

Don’t hurry up to update Elementor on your site!

* Change Log for Free Elementor 3.0 released on 08/23/20

* Change log for Elementor Pro 3.0 released on 08/25/20

What is the problem with the Elementor 3.0 update?

In an admirable effort to clean up the DOM, Elementor 3.0 update ended up removing 3 major wrappers: .elementor-inner – main document wrapper, .elementor-row – section wrapper, and .elementor-column-wrap – column wrapper.

This dramatic change has been dubbed “potentially breaking”. Simply put, this Elementor 3.0 update may cause major problems with the styles of the elements made in Elementor.

Therefore, please don’t update your Elementor based site until your WordPress Theme gets a proper update. We currently have 100+ Elementor WordPress themes and we immediately proceed to update all of them one-by-one, so they are 100% compatible with the new version of this WordPress page builder.

When we recommend to update Elementor to version 3.0?

We recommend updating your page builder to version 3.0 when your WordPress theme is updated. You will get a notification from ThemeForest via email when a new theme version is released. Once you see that your theme got an update related to compatibility:

1. Update the theme.
2. Update Elementor.

What to do if you already updated Elementor to version 3.0?

If you updated your Elementor to 3.0 before your theme got a proper compatibility update, don’t panic.
You can roll your page builder version back in 2 steps.

Step 1: Navigate: Elementor -> Tools -> Version Control, choose version 2.9.9 and click re-install v2.9.9

roll back elementor version

Step 2Navigate: Elementor -> Tools -> General -> Regenerate CSS, click Regenerate Files.

regenerate css files

Free Elementor 3 Change Log

As of 2020-09-03 they’ve issued 5 updates and fixed most of the issues that may happen during the migration from Elementor version 2 to Elementor version 3.

Note! These are temporary fixes. It means that some time later they will still drop that support of old DOM elements. So, still don’t harry up to update your Elementor until your theme and plugins are fully compatible with the Elementor 3. Though, most of our clients report that 3.0.5 version is quite stable and they didn’t notice any bugs.

3.0.5 version – 2020-08-31 Elementor Update

Fix: Motion Effects not working when assigned to a column and throws JS error when DOM optimization is disabled (#12299, #12275)

Fix: Elements behave unexpectedly in the Editor when a custom repeater control is added to Column and Section elements (#12275, #12242)

Fix: Glitches in migration script for Gap Between Widgets global setting (#12298)

Fix: Console error elementorCommon is undefined (Props @shimondoodkin)

Fix: Missing translation string for ‘color_picker’ in the Color Picker title

Fix: Revisions won’t get updated to the correct one

3.0.4 version – 2020-08-30 Elementor Update

Tweak: Added Skype and Viber to the allowed URI protocols (#11619)

Tweak: Replaced WordPress “Learn More” links with dynamic links for better control over time (#12312)

Fix: Global Colors and Fonts inconsistencies between Editor and Frontend (#12245, #12235, #12303, #12249)

Fix: Global dropdown is not available for all users

Fix: Removed unused strings

3.0.3 version – 2020-08-27 Elementor Update

Tweak: Added option to re-migrate Global Colors and Fonts from earlier versions

Fix: Repeater controls doesn’t work in some edge cases

Fix: Load Theme Builder with relevant UI theme

Fix: Dialog texts are not center aligned in Theme Builder

Fix: Changes are not reflecting on frontend when CSS Print Method is set to Internal Embedding

Fix: Icon List widget does not use render attribute (Props @ibndawood)

3.0.2 version – 2020-08-26 Elementor Update

Tweak: Added Select2 And File Import Components to Theme Builder application

Tweak: Added default values as placeholders to the number inputs in the Breakpoints settings section

Tweak: Minor UI tweaks to Globals dropdown

Tweak: Updated video tutorials in Theme Builder

Fix: Column & Section Elements fires elementor/element/after_add_attributes early (#12185, Props @ibndawood)

Fix: hexdec() returns a deprecation notice (#12161)

Fix: Repeater controls issue after the moving to container.repeaters (#12239, #12221)

Fix: Column Widget Space is not working when DOM Improvement is disabled (#12256, Topic)

Fix: Resetting a style throws JS errors

Fix: Repeater controls backwards compatibility

Fix: Global Color dropdown shows Primary as marked when a custom value is added

Fix: Adding new Global Fonts won’t be added to the dropdown list until page reloads

Fix: Clicking on the Theme Builder Logo reopens it

Fix: Finder gets loaded in preview iframes

3.0.1 version – 2020-08-25 Elementor Update

Tweak: Changed “Exit to Dashboard” and “View Page” panel menu links to use <a> tag

Fix: set-error-handler conflict with 3rd party addons that uses REST-API (#12219)

Fix: Conflict between responsive options and the Navigator “Hide” option (#12123)

Fix: Radio inputs layout breaks when using Multi-Step Form

Fix: Global typography popover glitch in RTL websites

3.0.0 version – 2020-08-23 Elementor Update

New: Introducing Site Settings – manage your entire site within the Editor

New: Meet Global Fonts – the smartest way to manage your text styles (#1553, #1863)

New: Meet Global Colors – manage your site colors more consistently (#1553, #1324)

Tweak: Improved Elementor’s frontend dynamic CSS rendering performance significantly (#8053)

Tweak: Removed .elementor-inner, .elementor-row and .elementor-column-wrap from DOM output to improve performance (#7351, #7817, Developers Blog Post – https://developers.elementor.com/dom-improvements-ahead-html-wrappers-removal-from-v3-0/)

Tweak: Added an option to set columns in Social Icons widget (#11295)

Tweak: Added Default Page Layout to Global Layout Settings (#4925)

Tweak: Made ‘z-index’ control responsive in widgets Advanced tab (#10918)

Tweak: Added rem unit support for Padding and Margins controls (#2810)

Tweak: Added control for setting link width in Icon List widget (#11945)

Tweak: Added image Border Radius control to Image Box widget (#9301)

Tweak: Added more Google Fonts subsets (#1630, #1915, #8186, Props @andrejm)

Tweak: Improved Lightbox accessibility (Props @ramiy)

Tweak: Added “Height” & “Object Fit” controls to Image Widget (#10962, Props @ramiy)

Tweak: Added a filter for allowing adding Google Fonts subsets (Props @andrejm)

Tweak: Changed Elementor grid to work with CSS Variables (Developers Blog Post)

Tweak: Updated eicons library to v5.9.1

Tweak: Updated e-gallery library to v1.2.0

Tweak: Updated Dialog library to v4.8.1

Tweak: Updated Google Fonts list to 07/2020

Tweak: Added lazyload to Lightbox slideshow images

Tweak: Removed unused elementor-edit-area-preview class

Tweak: Adding support to Vimeo external links structure

Tweak: Improved Masonry layout mechanism in Gallery widget

Tweak: Allow using Repeater control in page settings

Tweak: Save all Global settings to the Kit entity

Tweak: Converted schemes to Global variables

Tweak: Updated WeChat and Weibo social networks colors in Social Icons widget

Tweak: Added font-family property to text-area control for better readability

Tweak: Migrated Elementor Style settings from WP dashboard to the Global Settings menu

Tweak: Added real-time JS handling to prevent redundant renders in Image Carousel widget and Background Slideshow

Tweak: Moved “Stretch Section” control to the end of layout settings in Section element

Tweak: Color tweaks to editor panel elements

Tweak: Minor UI improvements in the editor panel

Tweak: Added backup warning before major version plugin upgrade

Tweak: Improved dialog a11y to support more accessible lightbox close button

Tweak: Added infrastructure support for the new Theme Builder

Tweak: Added an option to set the mobile browser header color in supported devices

Tweak: Changed panel behavior when switching document to prevent laggy behavior

Tweak: Added Improved DOM Output option in Elementor settings to allow legacy mode of HTML DOM prior to v3.0

Tweak: Removed v2.9 reference from the Dynamic promotions

Fix: Image block alignment broken by Elementor general figure styling (#11906, #9259, #7331)

Fix: Elementor posts aren’t properly imported with WordPress Importer v0.7 (#11466, #10744, #11927)

Fix: Divider can’t use EM font-size unit in Divider widget (#11352)

Fix: Theme Style overrides Icon List items typography values when list items are links in Icon List widget (#12021)

Fix: Responsive glitch in Range control (#11233)

Fix: Multiple repeater controls in the same panel causes JS errors (#11523)

Fix: Multiple repeater control types in same panel glitches

Fix: Dark mode UI glitches in Display Conditions modal

Fix: The wrong video being opened in Media Carousel widget

Fix: Dark mode UI glitch in Display conditions modal

Fix: Connect issues when using non-latin character domains

Deprecated: See all deprecations to this version in our Developers Deprecations Post

Follow up with the news on our blog and on ThemeForest.

For the Updates

Exploring ideas at the intersection of design, code, and technology. Subscribe to our newsletter and always be aware of all the latest updates.

Leave a comment

Download a Free Theme