Divi 5 makes it easy to create structured layouts with strong visual rhythm. In this free pack, you’ll get 5 Tetris Designs that are perfect for landing pages, service sections, feature highlights, portfolio sections, product pages, agency websites, content blocks, call-to-action areas, and more. Each design uses modular…
Elegant Themes
5 Best WordPress Page Builders in 2026 (Expert Picks)
Page builders changed what’ s possible for non-developers in WordPress. Before they existed, customizing page layouts meant editing PHP templates and writing pages of CSS. Now, drag-and-drop interfaces let anyone build professional pages without touching code. I have used page builders across dozens of client projects over the years….
Divi 5.9 Release Notes
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.9 update notification today. The majority of…
How To Build A Flexbox Footer In Divi 5
Footers often get built after the rest of the page is done, and that usually shows. Columns stop lining up, spacing feels inconsistent, and the layout starts to fall apart as soon as you check it on smaller screens. Divi 5 gives you a better way to build…
How To Build A Multi-Level Preset System In Divi 5
Presets are useful on their own. You save a style, apply it to an element, and avoid rebuilding the same design by hand. But once a site grows, isolated presets are not enough. A button preset, a border preset, a spacing preset, and a color value may all…
Leveraging Divi 5’s New Image Group Presets (No Need For Photoshop!)
Every web designer has done this at some point. You add an image to a layout, notice the crop is wrong, open Photoshop, adjust the file, export it, upload it again, and move on. Then the client replaces the image. The crop breaks again, the visual rhythm disappears, …
Introducing the CSS Grid Editor for Divi 5
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…
Exploring Divi 5’s New Tooltip Module
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, and styling visually. Instead of wiring up a…
7 Chopped Text Designs For Divi 5 (Free Download!)
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 websites, creative agencies, editorial layouts, event pages, …
5 Useful Things You Can Do With Aspect Ratio in Divi 5
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 expects. That is where aspect ratio becomes useful….
Exploring Divi 5’s New Breadcrumbs Module
Divi 5 now includes a native Breadcrumbs module, giving you a built-in way to add breadcrumb navigation to pages, posts, archive templates, and Theme Builder layouts. Breadcrumbs help visitors understand where they are on your site and give them a quick path back to higher-level pages or categories….
Part 3 Of Mastering Flexbox: Wrap vs No-Wrap Structure Templates
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 structure decisions in…
Creating A Fluid Responsive Sizing System With Divi 5’s Variable Generator
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, gaps, …
Part 2 Of Mastering Flexbox: Creating Equal-Height Cards With Aligned Buttons
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: …
Part 1 Of Mastering Flexbox: Understanding The Core Controls In Divi 5
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. This is the first part of our Mastering…
Global Typography System For Divi 5 (Free Download!)
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 Scale system and a Fluid Scale…
Comparing The Font Scale Types In Divi 5’s Variable Generator
When you generate font size variables in Divi 5, one of the most important choices is the scale type. Fluid, Fixed Responsive, and Fixed Single can all create a usable typography system, but they behave differently once those variables are applied across your site. The right choice depends…
Exploring Divi 5’s New Contact Form 7 Module
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. Divi 5…
How To Style Forms In Divi 5 (New Field Options)
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 with new form styling options….
Variable Fonts And New Text Styling Options For Divi 5
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 fonts, keep reading because they…
