Introducing v2.7: Enhanced Backgrounds & Dividers
Enhanced Backgrounds:
Backgrounds just got cooler! In Elementor v2.7 we』ve added several improvements and capabilities to backgrounds:
1. Background Slideshow
Now you can use a sideshow as the background for sections, columns, and inner-sections. This can help you build more complex structures and layouts, while still preserving a transition effect.
From the section』s or column』s Style > Background Type tab, select Slideshow from the Background Type options. Use the presentation settings for the image gallery to create various slideshow effects.
2. Vimeo Video as a Background
As part of enhancing the background capabilities, we』ve added Vimeo as a source for your background videos. So now, both team YouTube and team Vimeo can enjoy sweet backgrounds.
From the section』s or column』s Style tab, enter a Vimeo video URL into the Video URL field of the section』s or column』s Style > Background Type > Background Video field.
3. Allow Background Video to Play on Mobile
Until recently, most mobile phones didn』t play background videos. Recent browsers policy changes have added this functionality to some browsers. Starting with v2.7, Elementor will not play background videos by default. However, you will be able to change this default by turning on the 「Play On Mobile」 switch. See our dev blog post.
From any section』s background video element, switch Play On Mobile to On. This should allow the video to now play on mobile.
Improved Dividers
Dividers are one of the most basic and useful design elements in web design. So, of course, we went ahead and made them even better, with newly added elements and shapes.
Divider widget Improvements
Our Divider widget used to be quite basic and traditional. For v2.7, we added some fancy features to it. You can now choose from a list of new shiny SVG dividers and control their style and behavior.
In addition, we added the option to include some text or an icon before, in the middle or after your divider.
Add a Divider widget to your page, select a Divider Style, add an icon from the Divider widget』s Content tab, and style both the divider and the icon from the widget』s Style tab.
Under the Hood Improvements:
In the following releases, we will gradually release major infrastructure improvements, which will allow Elementor to be more extendable, reliable and stable. Those improvements include unification of multiple libraries, update JS handlers to ES6, new Editor JS API mechanism to improve current flow and to support future exciting modules and MEGA features.
More Improvements
Please don』t miss these points:
New: Editor JS API ($e) to improve capabilities and stabilityTweak: Converted all widgets JS handlers to ES6 classes Tweak: Added option to select the version you rollback to in Version Control toolTweak: Use swiper.js instead of slick.js in Image Carousel widget Tweak: Implemented virtual list render in Icons Library to improve performance and stabilityTweak: Added support of wp_body_open in Canvas templateTweak: Editor Panel UI tweaksTweak: Moved structure control into section panel in Section elementTweak: Added option to allow background video to play on mobile devices if device support itTweak: Added more post statuses to show in the Finder Tweak: Added Space-around, Space-between and Space-evenly to Vertical Align options in Section elementTweak: Updated Eicons library to v5.4.0Deprecated: Removed old deprecated aliases
Fixes:
Fix: Background video plays on mobile devices in some casesFix: Icon List alignment issueFix: Two clicks needed to start Vimeo videos with image overlayFix: Init navigator only once when changing page template