Posts

How To Build Custom Menus With Divi 5’s Link & Dropdown Modules

Image
Divi has always given you ways to create custom menus, most notably with the classic Menu module. That module is still useful, but it is also an all-in-one system, which means it can feel limiting when you want full control over structure, styling, dropdown behavior, or mobile navigation. With Divi 5’s new menu features , you can build navigation from smaller, more flexible pieces. The new Link and Dropdown modules let you create custom menus, dropdowns, mega-menu style layouts, and mobile navigation directly in the Visual Builder, without relying on third-party plugins or custom code. In this step-by-step guide, we’ll build a custom menu with submenus and a separate mobile version using native Divi 5 features. Getting Started With Divi 5’s New Menu Features Before building your menu, make sure you are using the latest version of Divi 5. You can start from a fresh install or use the Divi 5 Migrator if you are updating an existing Divi 4 site. If you are migrating a live site, tes...
Post a Comment
Read more

Divi 5.3 Release Notes

Image
It’s official; the beta phases have ended, and Divi 5 has arrived ! This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5 , you’ll see a version 5.3  update notification today. What’s New In Divi 5.3? We  implemented  69 bug fixes and improvements,   and a bunch of new features: Better Form Styling, Field Presets, Focus Editing, and CF7 Module and Nested Option Presets . With Divi 5 hot off the presses, we are still focused on bug fixing and overall stability. However, after 8 months of doing nothing but fixing bugs, we are slowly transitioning back to feature development. That means the rate of innovation will accelerate significantly over the next few months. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us! Better Form Styling, Field Presets, Focus Editing, And CF7 Module We released tons of form-related f...
Post a Comment
Read more

Complete Site Editing: Divi 5 vs Divi 4 vs Elementor vs Bricks

Image
Editing a website rarely happens in one place. You build a page, notice something off in the header, then leave to adjust a template. A few minutes later, you jump again to change a footer or archive layout. That context switching adds friction, especially when you are managing a whole site instead of a single page. Different builders have tried to solve that problem in different ways. Some reduce the back-and-forth. Some still separate key parts of the site into distinct editing sessions. Divi 5 takes a more unified approach by bringing more of the site into one builder session. In this comparison, we’ll look at how Divi 5, Divi 4, Elementor, and Bricks each handle full site editing, and what those differences mean when you’re actually building. What Complete Site Editing Actually Means At its best, complete site editing means your site is reachable from wherever you are working. You open a page, and the header, footer, and page content are all available in context. That lets yo...
Post a Comment
Read more

Nested Options Presets for Divi 5

Image
Divi 5’s preset system is the most powerful class-based design system of any WordPress page builder. In fact, Divi 5 presets encapsulate far more than just CSS; they are stackable, nestable global components. Additionally, Divi  offers the unique concept of  option presets that allow you to create shared styles for subcomponents and option types, and to nest them within broader element presets. It’s almost like using a CSS preprocessor and importing mixins; it just makes your website design system so much easier to manage. Not only can presets be nested, but you can also stack them . You can stack, nest, mix, and match modular presets to quickly style components, similar to common CSS frameworks like Tailwind. It’s simply the best! Today’s update makes Divi’s option presets even more versatile, allowing you to apply presets to nested options and nest option presets inside other option presets. 🤯 Sub-options that previously didn’t support presets, such as Call To Actio...
Post a Comment
Read more

Better Form Styling, Field Presets, Focus Editing, And CF7 Module for Divi 5

Image
There’s so much to talk about in this Divi 5 feature update! We harmonized field options across all form-based modules, adding additional styling options for form elements such as radio buttons and checkboxes. In addition to hover editing, we added new editing modes for field-based pseudo-classes, such as :checked and :focus , giving you full control over your form field design. New input, checkbox, and radio groups now support presets , making it easy to style all your forms using Divi 5’s modular design system. Finally, we added a new Contact Form 7 module that lets you render and style forms with Divi’s full design suite. It’s the first of many new modules to come! There’s much to explore, so let me jump into the builder and give you the full tour. 👇 New Form Field Options We updated all form-based modules, harmonizing the available design options and adding new options to customize different field types. We cleaned up the randomness and added hundreds of new options in ...
Post a Comment
Read more