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…
Elegant Themes
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…
When To Use Grid vs Flexbox In Divi 5
Flexbox dropped in Divi 5 a few weeks ago, and Grid followed soon after. Both tools control how your content is arranged on the page, providing you with two solid options to build layouts. But how are they different? They appear quite similar at first glance. This post…
The Divi 5 Beta Has Arrived
Today, Divi 5 enters the Public Beta phase, the final phase before its official release. Divi 5 has been available for new websites for some time, but it was missing a few features that certain existing websites couldn’t live without. Those features are complete, meaning sites can migrate…
How To Create A Carousel In Divi 5 (Without Extra Plugins)
Carousels are a design element that almost every site needs, whether it’s for products, testimonials, or client logos. In the past, Divi users often relied on third-party plugins or custom code to achieve their desired results. With Divi 5, that’s no longer the case. The new Group Carousel…
What Is CSS Grid (& Why You Should Use It)
Designing a layout involves placing boxes on a page and ensuring they remain aligned when the screen size changes. For years, that meant working around limitations — floats, manual spacing, or building everything in one direction. CSS Grid changes the game. Rows and columns function as a single…
