Divi 5 makes it easy to create organized, interactive sections that keep important content easy to explore. In this free pack, you’ll get 4 Accordions & Toggles + Nested Elements designs that are perfect for FAQs, service breakdowns, process sections, feature…

Image cropping sounds simple until the same image needs to work in different layouts. A portrait photo might look great in a team card but awkward in a wide banner. A landscape image might fit a blog grid but lose its subject on mobile. Cropping is less about…

Gradients can do more than add decoration. Used well, they create depth, guide attention, connect brand colors, and make backgrounds, buttons, overlays, and text feel more intentional. Divi 5 makes gradients easier to create and manage with its new Gradient…

I am excited to announce variable font support and many new text styling options for Divi 5! Divi 5 now supports the latest Google Fonts collection, including variable fonts and the dozens of new controls they provide. If you aren’t familiar with variable…

A well-designed form needs more than a background color and a font size. The field text, labels, placeholders, buttons, checkboxes, radio buttons, focus states, and checked states all need to feel like part of the same design system. Divi 5 makes that easier…

Contact Form 7 is one of the most widely used form plugins in WordPress, but styling those forms inside a Divi layout has not always been straightforward. The form logic lives in Contact Form 7, while the design usually depends on theme styles or custom CSS.…

Three font size scale types in Divi 5's Variable Generator: Fluid, Fixed Responsive, and Fixed Single. Here's how each works and which fits your project.

Divi 5 gives you more control over reusable design systems, especially when you pair global variables with presets and consistent typography rules. In this free pack, you’ll get a complete Global Typography System for Divi 5 with two setup options: a Fixed…

One of the most valuable improvements in Divi 5 is its native Flexbox support. It gives you clean, visual control over layout structure directly inside the Visual Builder, reducing the need for custom CSS, duplicated sections, or manual spacing workarounds.…

In Part 1 of our Mastering Flexbox in Divi 5 series, we explored the core settings in the Layout option group when using Flex as the Layout Style. Now it’s time to put those controls to work on one of the most common layout challenges in web design: building…

Most designers do not size things once. A heading that looks balanced at 56px on desktop can feel oversized on a phone, so you create a smaller mobile value, then a tablet value between the two. Then you repeat that work for font sizes, section padding, margins…

In Part 2 of our Mastering Flexbox series, we showed you how to create equal-height cards with aligned buttons using Align Items > Stretch, Justify Content > Space Between, and Grow To Fill. In this third installment, we’ll focus on one of the most important…

Divi 5 now has a native Breadcrumbs module built into the core. Learn what it does, how to add it to your Theme Builder post templates, and how to style it using your global design variables.

A layout can be carefully designed and still feel inconsistent once real content is added. Images arrive in different shapes. Team headshots come from different sources. Blog thumbnails, embeds, and dynamic content do not always reserve the space your layout…

Divi 5 makes it easy to create bold, editorial-style sections that use typography as the main visual element. In this free pack, you’ll get 7 Chopped Text Designs that are perfect for hero sections, landing pages, portfolio intros, product launches, architecture…

Divi 5 keeps turning common custom-code workflows into native builder features, and the new Tooltip module is a good example. It lets you add a floating popup panel beside another element and control its content, trigger, position, movement, arrow, timing…

I am excited to announce the new CSS Grid Editor for Divi 5! Divi 5 embraces CSS Grid. It comes with tons of flexible grid templates and all the options you could ever need to build every grid layout imaginable. Today, we are taking things a step further…

Stop reopening Photoshop. Divi 5 now lets you save aspect ratio, framing, and focal point settings as a reusable preset and apply them across the site.

Divi 5's preset system goes deeper than saved styles. Learn how to connect Design Variables, Option Group Presets, and Element Presets into a system where one edit updates your entire site automatically.

Learn how to build a responsive Divi 5 footer with Flexbox, complete with a CTA section, newsletter signup, and copyright bar, no custom CSS required.