Stay up to date with our most recent news and updates
Presets are how you stop rebuilding the same design choices over and over in Divi 5. Once you’ve defined your buttons, text styles, or card layouts, the real advantage is being able to move those decisions into new projects instead of starting from zero. Divi 5 lets you export presets and import...
View Full Post
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 as simple as the preview...
View Full Post
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...
View Full Post
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...
View Full Post
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...
View Full Post
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 mode palette for it. We’ll...
View Full Post
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 Divi 5’s CSS Grid,...
View Full Post
Divi 5 introduces a system-wide update that changes how layouts are built. Every module now includes Layout controls in the Design tab. This means that modules can now act as their own layout containers using Flexbox and CSS Grid. Elements inside align, reorder, and space themselves without...
View Full Post
For years, Divi gave you CSS IDs and Classes for elements. That worked fine for styling and scripting, but attributes like ARIA roles or focus attributes, such as tabindex, required third-party plugins or custom code. Not anymore. Divi 5 introduces Custom Attributes that let you add semantic roles...
View Full Post
Card layouts show up all over a site, but you often rebuild them from scratch or copy and paste the same stack of modules. Module Groups in Divi 5 allow you to bundle an image, heading, text, button, or any other module into one card and reuse it anywhere. In this tutorial, we’ll build a...
View Full Post
Before CSS Grid in Divi 5, complex layouts often meant extra columns, negative margins, and duplicate sections. It wasn’t clean or flexible, especially when layouts needed to adapt across breakpoints. CSS Grid support in Divi 5 introduced a proper two-dimensional layout system that allows you...
View Full Post
Choosing colors with hex codes means guessing your way through lighter versions, darker buttons, and accessibility fixes. Divi 5 introduces a redesigned Color Picker with HSL controls to its new Color System, allowing you to build and scale palettes with ease. You can create lighter or darker...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®