Stay up to date with our most recent news and updates
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 Post
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...
View Full Post
Building a CSS Grid layout isn’t difficult to understand, but it can be challenging to execute cleanly. Sketching columns is easy. Keeping spans, gaps, and breakpoints in sync across pages is where most people stall. The good news: there are several ways to build real grids. You can write CSS...
View Full Post
Divi 5 offers Flexbox, Nested Rows, and CSS Grid, which, when combined, build a stunning structure that stays responsive all the time. You can create a parent grid for your main structure, then build smaller grids inside its columns to organize content with real control. In this post, we’ll...
View Full Post
Before you publish a landing page, you scroll through one more time to check if everything looks right. But spacing that doesn’t match, incorrect colors, or different fonts can slip right past you. Divi 5’s Inspector tool solves this by displaying all your design changes in one place,...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®