Today, I am excited to announce the release of Stacked and Nested Presets for Divi 5. This is an incredibly powerful upgrade that makes Divi’s preset-based design system simply the best. Don’t skip the video below, because if you are a Divi user, this is a feature you…
Elegant Themes
12 Shop Loops For Divi 5 (Free Download)
Divi 5 makes it easy to design custom product grids without code. In this free pack, you’ll receive 12 Shop Loops, all Unstyled, so they inherit your site’s global design variables for color, typography, and spacing. Use them inside the Theme Builder to power shop, category, and product…
Using The Divi 5 Inspector To Adopt Design Variables & Presets
You’ve imported a layout that looks great, but it uses its own colors, fonts, and module styles. How do you make it match your site’s design system without rebuilding every section? That’s where the Divi 5 Inspector comes in. It allows you to open any module, view the…
Why Microinteractions Matter (And How To Add Them Without Code)
A great website doesn’ t just display information, it also provides valuable insights. It responds to you. People who interact with your site expect instant feedback confirming their actions have been registered. Without these small responses, visitors get frustrated and leave. In this post, we will explain why these…
How To Migrate Your Website To Divi 5 (Public Beta)
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…
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…
