Learn about Divi Resources on the Elegant Themes blog
Good design tools do more than add new settings. They change how you think about the decisions you make. Gradients are a perfect example. In older workflows, a gradient often lived wherever you built it: one section background, one button, one hero heading, one CTA. If the brand direction changed...
View Full Post
Have you ever used a variable font before? A traditional font family gives you a fixed set of styles: maybe Light, Regular, Medium, and Bold. If you want something between Regular and Bold, you usually need another font file, and if that exact weight does not exist, you compromise. Variable font...
View Full Post
The Divi 5 Visual Builder is highly customizable. You can open and close panels, dock them to either side of the screen, float them over the canvas, resize them, group them into tabs, choose which top-bar icons appear, and switch between light and dark modes. That flexibility is useful, but it also...
View Full Post
Hover effects make a page feel more intentional. A card shifts, an image reveals more detail, or a button stretches slightly, and the layout starts to feel designed instead of simply assembled. In Divi 5, you can create many of these interactions with the same Aspect Ratio and Image Framing...
View Full Post
Divi 5 makes it easy to create bold visual sections where typography and imagery work together. In this free pack, you’ll get 7 Text Overlapping Image Designs that are perfect for hero sections, portfolio intros, photography websites, creative agencies, service pages, editorial layouts, event...
View Full Post
In Part 6 of our Mastering Flexbox course, we shared key tips for building responsive layouts in Divi 5 with cleaner structure, smarter breakpoint decisions, and real-content testing. Now, in Part 7, we’ll focus on smaller layout patterns that appear on almost every website: button groups,...
View Full Post
Styling one border or shadow is quick. Keeping that same border or shadow consistent across an entire site is harder. A card gets one border. A column gets a slightly different one. A button shadow is copied from another page. Then the design direction changes, and you have to track down the same...
View Full Post
In Part 5 of our Mastering Flexbox series, we showed you how to use Display Order and Wrap Reverse in Divi 5 to create more intentional mobile stacking flows without duplicating sections or writing custom CSS for common reordering patterns. Now, in Part 6, we’re bringing the workflow...
View Full Post
In Part 4 of our Mastering Flexbox series, we showed you how to align content without hidden spacers or custom CSS by using Justify Content, Align Items, Grow To Fill, Module Groups, and Nested Modules. Now it’s time to solve another common responsive layout challenge: mobile stacking order....
View Full Post
In Part 3 of our Mastering Flexbox series, we explored Layout Wrapping, the differences between Wrap and No Wrap, how Align Content affects wrapped multi-line layouts, and how Wrap Reverse and Display Order can improve responsive flow. In this fourth installment, we’ll focus on one of the...
View Full Post
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...
View Full Post
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 our...
View Full Post
Copyright © 2026 Elegant Themes ®