Learn about Divi Resources on the Elegant Themes blog
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, and the same manual fix starts...
View Full Post
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...
View Full Post
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,...
View Full Post
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...
View Full Post
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...
View Full Post
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 Divi...
View Full Post
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, border radius, widths, and...
View Full Post
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 card sections where cards share a...
View Full Post
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...
View Full Post
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...
View Full Post
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 on how...
View Full Post
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 closes that gap with the new...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®