Don’t update Elementor 3.0 for Now! When and How to 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:
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
Step 2: Navigate: Elementor -> Tools -> General -> Regenerate CSS, click Regenerate Files.
Free Elementor 3 Change Log
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