I am excited to announce the release of the Command Center for Divi 5. Mastering it feels like unlocking a superpower, giving the term’ power user’ true meaning. You can quickly execute commands such as adding elements, navigating your website, jumping to specific settings, opening panels, and more….
Elegant Themes
When To Use Figure and Figcaption HTML Elements In Divi 5
Most images on your site need nothing more than what Divi already does. Add an Image Module, style it, and you’ re done. But there are times when you want to group an image with a caption in a way that your HTML explicitly defines as a single unit….
New Menu Modules, Menu Looping and Interactions
Today, we are introducing new menu components, menu looping, and selector-based targeting and breakpoint triggers to the interaction builder. These new features, along with Divi 5’s broader systems like canvases and semantic elements, all come together to give you the freedom to build any type of menu, including…
When To Use Header And Footer HTML Elements In Divi 5
Header and footer elements are commonly understood as page-level structure. A site has one header, one footer, and the rest of the layout lives in between. Most people stop there. In HTML5, though, < header> and < footer> go further. They can describe structure within individual sections of content, beyond…
How To Build A Simple Navigation Menu With Divi 5 (Including HTML Structure)
Divi’ s Menu module handles many navigation needs, but sometimes you want more options and control. Custom header designs, unique hover effects, or specific semantic HTML requirements can push you beyond what the Menu Module offers. Divi 5‘ s semantic elements and HTML wrappers let you build navigation from scratch using…
New Cache Improvements For Divi 5
Today’s Divi 5 update is all about caching. Caching problems are annoying and challenging to solve when Divi isn’ t handling caching. Sometimes, you just have to clear the cache. But that doesn’t mean we can’t try to make your life easier, and today’s update does just that. To…
How To Create Off-Canvas Popups In Divi 5
Off-canvas popups are one of the most effective ways to capture attention, grow email lists, announce offers, or guide visitors without cluttering your main page layout. In the past, creating them in Divi required using third-party plugins or custom code. With Divi 5, that all changes. Using the…
Building A Dark Mode Color Palette With Divi 5’s Relative Colors
With Divi 5, dark mode doesn’ t have to be a fragile set of overrides. You can design light and dark layouts side by side, using the same structure and a shared color system that stays easy to adjust. We’ ll start with a light-mode layout, then build a dark…
How To Build A Grid Gallery In Divi 5
Photos tell better stories when they sit in clean, organized grids. In Divi 5, you can get there in two ways: use the Gallery Module for a fast, familiar setup, or use CSS Grid controls in the Visual Builder when you want more layout freedom. Grids handle the…
Everything You Need To Know About Divi 5’s New Preset Manager
Presets are among the most powerful tools in Divi 5, enabling you to build consistent, efficient, and scalable designs across your entire website. Whether you’ re building a cohesive brand style, speeding up repetitive tasks, or managing complex projects, presets let you define them once and apply them everywhere. We’ ve taken the…
How To Create Responsive Max-Widths And Content Wraps With clamp() In Divi 5
Content needs boundaries. Without them, paragraphs stretch across 3000px-wide monitors, and line length turns into a chore. So you set a max width, test a few screens, and call it done. Then the in-between devices show up. Tablets, small laptops, and everything that sits between your breakpoints. The…
7 Blend Mode Effects For Divi 5 (Free Download!)
Divi 5 makes it easy to create striking image effects without custom code. In this free pack, you will find 7 Styled Blend Mode Effects, designed to help you build artistic hero sections, layered headers, and modern image compositions using blend modes. Drop one onto any page, swap…
Divi 5 Public Beta 8 Release Notes
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 8. We release new Divi 5 versions every two weeks, and each one improves upon…
How To Create A Preset Playground With Divi 5’s Canvases
Presets in Divi 5 are a powerful way to keep your design consistent sitewide. And with the Preset Manager and Preset Preview, you can refine changes in a focused workflow before you commit them across your pages. Still, the best preset decisions often happen in context. That is…
Using Divi 5’s Loop Builder To Build A Dynamic WooCommerce Category Page
WooCommerce category pages often look the same out of the box, but Divi 5 changes that. With the Loop Builder, you can redesign how products appear, using dynamic content that pulls product data like titles, featured images, and prices for every item in a category. Pair it with…
How To Create Mega Menus With Divi 5’s Canvases
Mega menus enhance site navigation on content-heavy websites, allowing users to access more options quickly without cluttering the header or requiring extra clicks. In previous versions of Divi, mega menus were created using the Menu module with the custom CSS class mega-menu to expand submenus and arrange items in columns. With…
Page Manager, Preview Mode, Content Drill Down, and More!
I have a few new features to show you, all of which are available for Divi 5 today. The biggest new addition is the Page Manager, which lets you create, edit, duplicate, and delete pages without leaving the builder. Additionally, we added a new in-app Preview Mode. Now, …
How To Build A Fluid Spacing Ramp With clamp() In Divi 5
Fixed spacing values have become second nature in web design. Your website looks great on your laptop, but when someone views it on a larger monitor, everything falls apart. You adjust spacing for various breakpoints, but you are still guessing. There’ s a better way: fluid spacing ramps. These…
6 Image Masking Designs For Divi 5 (Free Download!)
Divi 5 makes it easy to create eye-catching image compositions without custom code. In this free pack, you will find 6 Styled Image Maskings, designed to help you turn ordinary photos into polished hero visuals, collages, galleries, and featured sections. Drop one onto any page, swap the images, …
How To Reorder Hero Content Per Breakpoint With Flexbox In Divi 5
The majority of website visitors browse on mobile devices, so ensuring the hero section is responsive is crucial to your success. With Divi 5’ s Flexbox layout system, reordering hero content for varying screen sizes is quick to do. The integration of Flexbox and Customizable Responsive Breakpoints makes it…
