Stay up to date with our most recent news and updates
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...
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
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
Divi 5 already gives you useful ways to work with icons, SVGs, masks, and background design. The native SVG module lets you add SVG markup and style it with Divi controls, while Divi’s mask and background tools give you more ways to shape images and sections. But some projects need more...
View Full Post
By now, you know what Divi 5 can do. Across this Mastery Course, you’ve built a homepage, a custom header and footer, global templates, inner pages, off-canvas elements, and dynamic layouts. You’ve also worked with Design Variables, Presets, Flexbox, CSS Grid, Canvases, Interactions, and the...
View Full Post
Designers rarely pull a full brand palette out of thin air. Most color systems start with one strong brand color, then build supporting colors around it. From there, the work becomes more systematic: lighter tints for backgrounds, darker shades for text and hover states, muted tones for UI...
View Full Post
Every site eventually needs UI that lives outside the page’s normal content flow: a pop-up, a sticky reminder, a slide-in panel, or a confirmation prompt. In Divi 5, you can build these with Canvases. A Canvas is a detached design workspace that exists alongside the main page canvas. It is not a...
View Full Post
Before Divi 5, building layouts that broke out of Divi’s standard column structures often meant nesting rows, writing custom CSS, or settling for a simpler design. Divi 5 changes that by bringing CSS Grid into the Visual Builder. CSS Grid gives you precise control over two-dimensional layouts....
View Full Post
In Part 5, we built the homepage for our coworking space website. Then, in Part 6 and Part 7, we added a global header and footer using the Theme Builder. In Part 8, we created global templates for posts, archives, search results, and 404 pages. Now, we’re ready to build the core inner pages of...
View Full Post
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 Divi 5’s Theme Builder, Design Variables,...
View Full Post
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 as a reusable variable reference...
View Full Post
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, reusable values that can be...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®