Divi 5’s preset system is the most powerful class-based design system of any WordPress page builder. In fact, Divi 5 presets encapsulate far more than just CSS; they are stackable, nestable global components. Additionally, Divi offers the unique concept of option…

A hands-on comparison of how Elementor, Divi 4, Bricks, and Divi 5 handle full site editing, and what each approach actually feels like when you are building.

It’s official; the beta phases have ended, and Divi 5 has arrived! This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5, you’ll see a version 5.3 update notification today. Table…

Divi has always given you ways to create custom menus, most notably with the classic Menu module. That module is still useful, but it is also an all-in-one system, which means it can feel limiting when you want full control over structure, styling, dropdown…

Some design effects look more complex than they are. Text masking is one of them. It looks like something you would need Photoshop, custom CSS, or a developer to create, but the basic effect can be built directly in Divi 5 using native background, color,…

Divi 5 gives you a much more flexible way to build navigation than older Divi workflows. With the Link and Dropdown modules, plus features like Canvases, the Loop Builder, Interactions, and visibility settings, you can create custom dropdowns and mega menus…

Side navigation is a familiar pattern because it keeps the main header simple while still making a full menu available when needed. It is common on mobile, but it can also work well on desktop when a design calls for a minimal header with a logo and hamburger…

I am excited to introduce the Variable Generator for Divi 5. At the core of Divi 5’s design system are variables and presets. With advanced units, you can create fluid, responsive sizing systems using clamp(). With relative colors, you can create mathematically…

Welcome to the Divi 5 Mastery Course — a hands-on series that takes you from a blank WordPress install to a fully designed, launched website. Over 15 parts, you’ll build a complete site for a coworking business from scratch using Divi 5, learning every major…

Welcome back to the Divi 5 Mastery Course. In Part 1, we covered everything you need to prepare before opening the Builder, from installing WordPress and Divi to gathering your brand assets, sitemap, and content for the coworking space website we’ll build…

In Part 2, we walked through the major parts of the Divi 5 interface. You now know where the main tools live and how the builder is organized. In Part 3, we’ll focus on a small but important part of that interface: Design Variables. Design Variables are named…

Welcome back to the Divi 5 Mastery Course. In Part 3, we built a library of Design Variables for our coworking space website, including colors, fonts, numbers, images, text, and links. Now, in Part 4, we’ll turn those variables into a reusable design system…

Divi 5 makes it easy to create clean, structured layouts with strong visual definition. In this free pack, you’ll get 5 Styled Border Layout Sections that are perfect for landing pages, portfolios, service sections, team highlights, editorial layouts, product…

In Part 4, we turned the Design Variables from Part 3 into a library of Option Group Presets and Element Presets. Now, the design system is in place. Every color, font size, spacing value, border, and button style is either saved as a reusable preset or available…

Welcome back to the Divi 5 Mastery Course. In Part 5, we built the full homepage for our coworking space website from scratch, using the Design Variables from Part 3 and the Option Group Presets and Element Presets from Part 4 to keep the design consistent.…

A site footer is an important part of the overall build because it appears across the site, carries essential business details, reinforces the brand, and gives visitors one last clear path to contact you. That makes it the perfect place to bring together…

Welcome back to the Divi 5 Mastery Course. In Part 7, we completed the bottom of every page with a custom global footer that matches the header we built in Part 6. Both global areas were styled with the Design Variables from Part 3 and the Presets from Part…

Enable composable settings by default in Divi 5 by saving them to a preset. Every new module you add will already have the design options you need in place.

I am excited to introduce a host of new image settings for Divi 5. First, we added new aspect ratio settings to all images. Elements with aspect ratios scale proportionally across different screen sizes. Next, we added framing settings that allow you to reposition…

It’s official; the beta phases have ended, and Divi 5 has arrived! This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5, you’ll see a version 5.5 update notification today. Table…