Stay up to date with our most recent news and updates
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 Post
Welcome to the Divi 5 Mastery Course — a hands-on series that takes you from a blank WordPress install to a fully designed, launched website. Over 15 parts, you’ll build a complete site for a coworking business from scratch using Divi 5, learning every major feature along the...
View Full Post
Side navigation is a familiar pattern because it keeps the main header simple while still making a full menu available when needed. It is common on mobile, but it can also work well on desktop when a design calls for a minimal header with a logo and hamburger icon. Subscribe To Our Youtube...
View Full Post
Building a new section on a site with an established design system is where Divi 5‘s Command Center becomes especially useful. On a site without presets, creating a new section usually means two separate tasks. First, you build the structure. Then you open the settings panel and apply the...
View Full Post
Links are the connective tissue of the web. When they are built correctly, they help users move through content, give search engines clearer signals about page relationships, and provide assistive technologies with predictable navigation. When they are built poorly, they can create friction for...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®