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…
Elegant Themes
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…
How To Create Nested Sliders In Divi 5
Advanced customizable sliders used to require third-party plugins or custom CSS, but with Divi 5, the game has changed. Using Nested Modules and the Slider Module together allows designers to create these experiences, all without writing code or installing plugins that can slow down your site. The result…
How To Stage Website Changes With Canvases In Divi 5
We recently introduced Canvases in Divi 5. These are workspaces detached from your page. You can use Canvases to stage updates, keep off-canvas elements tidy, and much more. In this post, we’ ll go over how to use a Divi Canvas to stage website design changes right where you…
Everything You Need To Know About Divi 5’s New Custom HTML Options
Divi 5 brings powerful new tools for those who want deeper control over their page markup without leaving the Visual Builder. The latest addition, Semantic Element and Custom HTML Wrappers, lets you assign meaningful semantic tags to any element for better accessibility and SEO. At the same time, …
Everything You Need To Know About Semantic Elements In Divi 5
For WordPress users building with Divi 5, it’s now much easier to apply semantic HTML to your layouts, which can improve accessibility, clarify page structure for search engines, and create a better experience for visitors. That’s thanks to a new feature called Semantic Elements. In this post, we’ll…
