Divi 5 is out of beta and ready to use. With that in mind, we’ d like to highlight one of its newest workflow features: the Divi 5 Command Center. The Command Center is a keyboard-driven command system built directly into the builder. It lets you execute actions quickly…
Elegant Themes
Code Modules vs Custom HTML Wrappers In Divi 5
One of Divi 5‘ s most practical newer features, Custom HTML Wrappers, adds two dedicated fields — HTML Before and HTML After — inside the HTML option group in the Advanced tab. These let you place custom HTML directly before or after an element’ s output, putting code exactly where…
How To Build Your Own Design System With Nested + Stacked Presets In Divi 5
Design systems fail either because they don’ t account for every possibility or because they become too complicated to manage. A standard website needs styles for headings, body text, buttons, and containers (to name a few). Multiply those across light and dark backgrounds, different sizes, and other use cases, …
How To Efficiently Manage Your Pages Inside The Divi 5 Builder Itself
Most of the time you spend in Divi 5, you’ re deep inside one page. But site builds rarely involve just one page, and going back to the WordPress dashboard every time you need to manage another one pulls you away from what you were doing. That’ s why we…
7 Large List Sections For Divi 5 (Free Download!)
Divi 5 makes it easy to display information in a way that is clean, scannable, and easy to compare. In this free pack, you will find 7 Styled Large List Sections, designed for services, feature breakdowns, step-by-step processes, schedules, specs, and other data-heavy content. Drop one onto any…
Everything You Need To Know About The Page Manager In Divi 5
Divi 5 keeps getting better at keeping you on task when you are in the builder. The new Page Manager lets you navigate to any page on your site, create new ones, and manage existing ones — all without touching the WordPress dashboard. It’ s a small addition with…
Mastering Global Colors In Divi 5
Divi 5 improves color management for WordPress websites by introducing a variable-based color system designed for modern, scalable workflows. At its core is a redesigned Color Picker integrated with Design Variables, leveraging HSL (Hue, Saturation, and Lightness) and Relative Colors to create dynamic, interconnected palettes that update seamlessly…
Editable Theme Builder Areas For Divi 5! (Complete Site Editing)
Divi 5 now supports complete site editing in the builder, allowing you to edit your header, footer, body layouts, and page content at once. Your entire site, from top to bottom, can be edited in a single step. You don’ t have to exit to the Theme Builder. It’ s…
WooCommerce And Divi 5: The Complete Ecommerce Guide
Building an online store used to mean balancing design and functionality. You wanted a store that looked polished, felt on-brand, and worked smoothly at checkout, but achieving all three often took extra effort. Divi and WooCommerce have long been a strong combination for building online stores, and Divi…
How To Make The Most Of Divi 5’s Best New Features
Divi 5 is here, and to make the most of its best new features, it helps to approach the builder a little differently than before. This is not just a faster version of Divi or a visual refresh. It is a rebuild that changes how layout, styling, and…
Divi 5 Compatibility Check: What’s Compatible Right Now
Before migrating your site to Divi 5, you need a clear picture of what will convert natively and what will continue running in backward-compatibility mode. The Divi 5 Migrator includes a built-in compatibility scan that audits your site and produces a detailed report. It identifies which pages, templates, …
Mobile Responsive Design With Divi 5: Best Practices (Free Download!)
Divi 5 is now officially out of the Public Beta phase. It launches with an entirely new framework rebuilt from the ground up, moving away from shortcode-based content storage to a modern, block-editor-like format and layout system. This modular approach delivers faster performance, cleaner code, better scalability, and…
Using The Divi Theme Builder in Divi 5
Your site needs a header, a footer, and templates for blog posts, products, and other content types. Divi 5‘ s Theme Builder gives you a single workspace to design all these global parts, with new features that let you fully control your entire website’ s look and functionality. This post…
Backward Compatibility In Divi 5: What To Expect
Divi 5 is officially here, and while the performance boost is huge, we know you are likely wondering what this means for your current website. Migrating existing sites can feel daunting or unreliable, but the Backward Compatibility System is designed to solve this. It checks and converts your…
Mastering Divi 5’s Design System: How To Approach New Builds
Divi 5 is the biggest evolution in the history of Divi. It is a complete rebuild focused on performance, modern accessibility, and a powerful no-code design system. The result is a platform that lets anyone create consistent, scalable websites faster and more efficiently. Divi 5’ s new modular framework…
🎉 Divi 5 Launch Gift: A Free Design System (Download Now!)
The official launch of Divi 5 is here, and we’re celebrating with a free, production-ready Design System you can import into any new Divi 5 site. This Design System is built to show how Divi 5’s modern design infrastructure fits together in a real project. It includes hundreds…
Divi 5 Official 🎉 (Beta Ends Today)
After over a year of public testing and improvement, Divi 5 is officially exiting the beta phase today. This isn’ t the finish line; it’ s a fresh start for Divi, and you can expect even faster development moving forward. It’ s going to be an exciting year! I cover everything…
Configuring Optimal Semantic Tags In Divi 5’s Default Presets
Skipping the process of assigning semantic wrappers can feel tempting. It often means building the page first, then going back to configure tags for each element, and repeating that work on every new section or page. Divi 5 removes this friction by using presets. You can define semantic…
How To Create Browser-Native Toggles Using Divi 5’s Semantic Tags
Accordions and toggle content have traditionally required JavaScript to handle the interaction correctly. Modern HTML includes native elements that get you closer to a non-JavaScript version of that. < details> and < summary> elements create functional disclosure widgets using nothing but a couple of simple elements. These elements handle expand/collapse…
How To Use Interactions, Canvases, And Portals Together (The Complete Workflow)
Canvases were recently introduced in Divi 5, providing detached workspaces for building off-canvas menus, staging areas, modal popups, and more. Combine these Canvases with Interactions, and you have a complete system for controlling exactly how information flows while making your website interactive. That includes click triggers, scroll reveals, …
