Posts

The Ultimate Guide To Presets In Divi 5 (Including New Features)

Image
Divi 5 helps you remember and reuse your design decisions. Using presets, you can set your brand colors, button styles, heading sizes, and spacing once, and every new element you add can automatically follow those rules. This transforms your styling into a reusable system that maintains consistency without the repetitive work of styling each element individually. Stacked and Nested Presets take that system further. You can now layer styles on top of each other, build variations without duplicating work, and build layout patterns that adapt as your design evolves. This post guides you through how presets work together and demonstrates how to create a design system that scales with your site. Let’s get to it! Divi 5’s Preset-Based Design System At A Glance When you style a button with specific colors, shadows, and spacing, you can save those exact settings as a preset. Once saved, you can apply that preset to other buttons, and they instantly inherit the same look. This means you ...
Post a Comment
Read more

5 Hotspot Designs For Divi 5 (Free Download!)

Image
Divi 5 makes it simple to build interactive sections that feel intentional, balanced, and on brand. In this free pack, you will get 5 Hotspot Sections, each designed to highlight key locations, features, or details in a clean and engaging way. Drop one onto any page, swap the text and imagery, and you are ready to go. Preview Here’s a quick look at all 5 Hotspot Sections included in the pack. The download is further down the post. Subscribe To Our Youtube Channel Download 5 Hotspot Sections For Divi 5 Get all 5 sections for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files Download For Free Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to acce...
Post a Comment
Read more

Divi 5 Public Beta 5 Release Notes

Image
The Divi 5 Public Beta is available today. If you prefer the experience to Divi 4, it’s ready for use. If you use Divi 5 , you’ll notice an update notification for Public Beta 5 . We release new Divi 5 versions every two weeks, and each one improves upon the last. If you haven’t tried Divi 5 yet, give it a test and let us know what you think. What’s New In Public Beta 5? Since Public Beta 4, we have implemented  105 bug fixes and improvements, and released a new feature called Divi Canvases . Our mission over the past few months has been to fix bugs and implement minor improvements. The entire team continues to address your feedback as we approach the official release of Divi 5. After nearly a year of public testing and enhancements, Divi 5 is stable, and we’re getting ready to remove the beta label and make it official. In the meantime, you can use Divi 5 if you prefer the experience to Divi 4. There’s no rush to upgrade; it’s up to you. In my spare time, I’ve also been ke...
Post a Comment
Read more

Introducing Divi Canvases (Off-Canvas Menus, Popups & Canvas Portals 🤯)

Image
I am excited to introduce Divi Canvases for Divi 5 . A canvas is a workspace detached from your main post content. You can use them as staging areas for design updates, a place to organize off-canvas components, or simply as a safe space to experiment with new ideas. You can create global canvases to build website-level off-canvas menus and popups, as well as local canvases for specific posts. We also added a new Canvas Portal module! Check out the following video to see the new feature in action. 👇 How To Use Canvases In Divi 5 First off: what is a canvas?  Put simply, canvases are places where you can build things while keeping them separate from each other. Every page features a main canvas, representing the page’s primary content. New canvases are detached from the main content. They can be used to build off-canvas components targeted by Divi’s interaction builder, or as a place to experiment with new ideas without affecting the page on the front end. Managing Canvases...
Post a Comment
Read more

How To Create Nested FAQs With Divi 5’s Nested Modules

Image
Visitors scan FAQ sections more than they read them. They skim headings, looking for the one question that matches their problem. When they can’t find it fast, it affects conversions. The solution doesn’t lie in writing better answers, but in better organization. So, in this post, we’ll show you how to build Nested FAQs with Divi 5 ‘s Nested Modules . Let’s get started! What Makes A Great FAQ Section What separates helpful FAQs from the ones visitors usually skip often comes down to what’s inside the answers. Subscribe To Our Youtube Channel Plain text works fine for simple questions, but the sections that pack in helpful visuals are the ones that stand out. Someone clicks a question about setup and finds a video tutorial right there showing the actual process, along with a quick text rundown. Screenshots prove what something looks like, rather than describing it. Direct buttons prompt people to the next step, rather than relying on them to find a buried link. When visitors ha...
Post a Comment
Read more