Your site is full of things people can click. Menus, buttons, icons, banners, and form submits. They can look identical, but the HTML underneath tells browsers, screen readers, and search engines what each element actually is. With Divi 5, you can control that meaning directly in the builder…
Elegant Themes
Exploring Divi 5’s New Top Bar UI
The top navigation bar sits at the center of everything you do in Divi. So even small changes to how it’ s organized can shift the entire editing experience. As Divi 5 brought in more tools and shortcuts, the top bar started carrying too much at once. Finding something…
Divi 5 Public Beta 9 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 9. We release new Divi 5 versions every two weeks, and each one improves upon…
How To Create An Off Canvas Services Popup In Divi 5
Off canvas menus appear everywhere on the web, but building one that works smoothly on desktop often means fighting with custom CSS or patching together mega-menu workarounds. Divi 5 handles this differently with Canvases and Interactions. We’ ll build a global off canvas services menu triggered from a Theme…
When To Use Section, Aside, And Main HTML Elements In Divi 5
Search engines and assistive technologies rely heavily on your page’s HTML structure to understand what each part is for. When everything is wrapped in generic < div> elements, they get less structural context, which can make your content harder to interpret and navigate. Using < main> , < section> , and < aside> can…
Using Divi 5’s Flexbox Layout System For Responsive Web Design
Responsive design often comes down to controlling how elements shift, wrap, and space themselves across different screens. Divi 5 introduces Flexbox as its core layout system, giving you control over layout flow and alignment at the container level. While block-style layouts lock you into fixed columns and floats, …
Introducing The Divi 5 Command Center
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….
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…
