Divi has undergone significant evolution up to the release of Divi 5 Beta. We have been on a journey to rebuild a new Divi that prioritizes performance, rapid feature development, and a new future for Divi users. However, the prospect of migrating an established website can raise legitimate…
Elegant Themes
How To Build A Timeline Carousel With Divi 5
Displaying a timeline on your website enables you to showcase your brand’ s milestones or project history, providing visual interest for your visitors. Divi 5‘ s Group Carousel module offers a fresh way to display this content in a scrollable, engaging format, perfect for storytelling on your website. In this…
Inspector vs Find And Replace vs Extend Attributes (When To Use Each)
Divi 5 rolled out three productivity features: Extend Attributes, Find And Replace, and Inspector. They all help you work faster, and at first glance, they might look like they overlap. But each one handles different situations. In this post, we’ ll walk you through what separates them and show…
Customizing Layouts Packs With Divi 5’s Inspector (So Easy)
Layout Packs provide a fast head start, but they rarely align with your brand out of the box. Swapping colors, fonts, and images across dozens of modules means you’ re suddenly an hour deep into work you thought would take ten minutes. Divi 5’ s Inspector streamlines the entire process….
11 Flexbox Pricing Menus For Divi 5 (Free Download)
Divi 5‘ s modern design tools make it easy to build clean, conversion-focused pricing layouts. In this free pack, you’ ll find 11 Pricing Menus — each available in a Styled version for a polished look out of the box and an Unstyled version that inherits your site’s global colors…
How To Build A Product Carousel Loop In Divi 5
Divi 5 continues to add features that make it easier to design right inside the builder. The Group Carousel Module is one of them. It lets you build swipeable carousels that slide smoothly into your layouts. You can use it to showcase products, highlight testimonials, or even create…
The Power Of Divi 5’s Loop & Theme Builder Combined
If you’ ve spent any amount of time building websites with WordPress and/or WooCommerce, you know that it can be time-consuming to display your content the way you actually want. With the combination of Divi 5‘ s Loop Builder and Theme Builder, those frustrations are a thing of the past….
5 Ways You Should Be Using Popup On Your Website
Popups get a bad reputation, but that’ s only because most websites misuse them. When you build them with purpose and timing in mind, they turn casual browsers into subscribers and window shoppers into buyers. We’ ll show you five ways to use popups people want to see. As a…
How To Master Grid Responsiveness In Divi 5
Responsive grids shouldn’ t require dozens of media queries and custom CSS overrides. But until recently, that’ s exactly what most page builders demanded. Divi 5’ s CSS Grid framework changes that, providing you with layouts that adapt fluidly across screen sizes without requiring a single line of code. Whether you’ re…
Understanding Every Grid Setting In Divi 5
Grid recently became an integrated part of Divi 5, bringing a different approach to building layouts. Grid gives you control over both horizontal and vertical placement simultaneously. That flexibility comes with a trade-off: there are way more settings to understand. The Visual Builder now includes about 15 Grid…
How To Build A Steps Carousel With Divi 5
A steps carousel provides an effective way to display information in a structured, easy-to-follow format. With the new Group Carousel module in Divi 5, creating a steps carousel is easier than ever. This new module enables you to create custom carousels using any Divi module, supports dynamic looping…
8 Cloud Sections For Divi 5 (Free Download)
Divi 5‘ s modern design tools make it easy to build playful, cloud-style sections. These are soft cards that feel light, flexible, and perfect for teams, features, tags, or CTAs. In this free pack, you’ ll find 8 Cloud Sections, each crafted for smooth shapes, subtle depth, and quick edits….
How To Use CSS Grid In WordPress
CSS Grid gives you two-dimensional control so you can place items exactly where they belong, instead of fighting stacks and columns. It’s like giving your page a simple map where you can drop elements into clear spots and let the grid handle the layout. In this post, you’ll…
How To Add CSS Classes And ID Attributes In Divi 5
In older versions of Divi, you’ d find separate fields in the Advanced tab to add CSS IDs and Classes. In Divi 5, those fields are no longer there. But nothing’ s actually missing. Everything moved into Attributes under the same Advanced tab. You can still add IDs and Classes…
Introducing Nested Modules For Divi 5
I am excited to introduce Nested Modules for Divi 5, which will significantly enhance the versatility of Divi elements and lay the foundation for an advanced component-based menu builder. Now, you can add modules inside other modules, with infinite nestability. Build custom layouts inside sliders, tabs, accordions, and…
How To Create Scroll-Based Lottie Animations In Divi 5
With Divi 5’s Lottie Module, you can tie motion to the scroll, letting visitors control how the animation plays as they move down the page. This makes sections feel interactive and works well for timelines, hero banners, or sales campaigns where you want to highlight a message with…
Divi 5 Public Beta: Everything You Need To Know
Divi 5 is here. Not in some distant future, not in a limited capacity. It’ s here now, it’ s being used on many production sites, and it’ s waiting for you to start using it. Now, the question isn’ t whether to migrate to Divi 5. It’ s when. And that is…
Everything You Need To Know About Divi 5’s Inspector
One of Divi 5‘ s newest features, the Inspector, allows you to inspect and edit element attributes, such as colors, fonts, and presets, in a single, intuitive panel. Regardless of your skill level, this feature is a must-have for creating stunning, consistent websites with ease. Let’ s dive in. What…
6 Off Canvas Menus For Divi 5 (Free Download!)
Time for another Divi 5 freebie! This time around, we’ re providing you with 6 Off Canvas Menus, each available in two versions. Default (inherits your global styles) and Prestyled (ready-made look). Import them to your Divi 5 Library, assign them in the Theme Builder, and customize them to…
How To Create A Unique Header Menu With Divi 5’s Flexbox Layout System
Custom headers set your site apart, especially when millions of other websites are built with the same WordPress theme or template. This tutorial demonstrates how to create a custom header in Divi 5. You can download this header and 19 others if you’ d like to study or use…
