Learn about Divi Resources on the Elegant Themes blog
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.7 update notification today. What’s New In...
View Full Post
Divi 5 makes it easy to create bold hero sections with immersive visuals and strong first impressions. In this free pack, you’ll get 6 Photo Background Heroes that are perfect for landing pages, portfolio intros, service pages, product launches, restaurant websites, sports websites, architecture...
View Full Post
Welcome to the last part of the Divi 5 Mastery Course. Over the last 15 parts, you went from a blank WordPress install to a complete coworking website with a global design system, Theme Builder templates, responsive layouts, dynamic content, and interactive elements. You created Design Variables,...
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
Styling a form well takes effort. You choose the colors, adjust the borders, refine the spacing, and eventually the form looks right. But that is only the resting state: the version visitors see before they interact with it. The moment someone clicks or tabs into a field, the focus state takes...
View Full Post
The default WooCommerce cart works, but it is not always easy to shape around your brand, your products, or the way your customers make decisions. That is where a custom cart page can make a real difference. With Divi 5, you can build a cart page visually using native WooCommerce modules, rather...
View Full Post
Divi 5 makes it easy to create polished full-width layouts with strong visual impact. In this free pack, you’ll get 11 Gutterless Sections that are perfect for landing pages, hero areas, portfolios, service pages, product highlights, restaurant websites, agency layouts, architecture studios, and...
View Full Post
Divi 5 gives designers a more systematic way to build responsive websites. Instead of manually adjusting the same padding, font size, gap, or border radius across desktop, tablet, and phone views, you can define reusable sizing variables once and apply them throughout your site. The new Variable...
View Full Post
A hero section sets the page’s tone, and proportion helps guide visitors to the right place first. In a two-column layout, giving the content more room creates a stronger focal point while keeping the image present and supportive. In Divi 5, you can create that balance with a 3/5 and 2/5...
View Full Post
Creating a reliable color system has always been one of the harder parts of web design. You start with a primary brand color, then manually build lighter values, darker values, muted variations, and transparent colors for backgrounds, borders, shadows, buttons, and hover states. The result often...
View Full Post
Styling a Contact Form 7 form to match your website used to mean writing custom CSS, chasing the right selectors, and checking every field again on mobile. Even when the CSS worked, the form often still felt separate from the rest of the page. That matters because forms are conversion points. When...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®