Divi 5.9 Release Notes

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.9 update notification today.

The majority of our team is focused on bug fixing and overall stability. However, after 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!

What’s New In Divi 5.9?

We implemented 65 bug fixes and improvements, along with two brand new features: Variable Fonts and the CSS Grid Editor.

Some notable bug fixes include patches for several cache-related bugs that were causing styles to mysteriously go missing at night.

Variable Fonts And New Text Styling Options

We released Variable Fonts in Divi 5.8.1!

Divi 5 now supports the latest Google Fonts collection, including variable fonts and the dozens of new controls they provide. If you aren’t familiar with variable fonts, keep reading because they are amazing.

We also added many new text styling options that allow you to create magazine-style text layouts, style dropcaps, and give you more control over text stroke, spacing, and more. When it comes to typography, Divi 5 now has it all.

Take the full tour. 👇

CSS Grid Editor

We released the CSS Grid Editor in Divi 5.9!

Divi 5 embraces CSS Grid. It comes with tons of flexible grid templates and all the options you could ever need to build every grid layout imaginable.

Today, we are taking things a step further by introducing an interface for visualizing, editing, and building advanced CSS grid layouts. It’s awesome!

Whether you’re new to CSS Grid or an experienced developer, you can use the new interface to build stunning layouts without getting lost in a maze of settings.

Furthermore, thanks to Divi 5’s unique grid offset editor, layouts built with the grid editor are housed entirely within the container, which means you don’t have to worry about editing child elements, and every CSS Grid layout built with Divi 5 works with loops.

Take the full tour. 👇

What’s Coming Next?

We have many new modules in the works, some of which I previewed recently. I am most excited for our first round of loop filter modules, which will make Divi 5’s versatile loop builder even more useful.

Additionally, we are working on the Divi AI Agent, and it’s coming along very nicely.

Since my last sneak peek, we added new tools, different chat modes, attachments, and more. Divi AI’s original features were nice, but the new agent is something else entirely. It was built to work like a human and to augment your workflows inside the builder. It’s going to change everything.

We plan to release a beta version in the next couple of weeks to gather feedback, during which time we will give all Divi AI users free tokens to experiment with.

Changelog

Here is a list of all fixes and improvements included in this update.

• Added new Grid Editor, enabling the visual creation of advanced grid layouts.
• Added support for number variables in the grid offset editor.
• Individual grid offset editor rules now support the full range of start, end, and span settings in a single rule.
• Fixed columns getting consolidated when switching the layout style from flex to grid when editing a row preset.
• Fixed grid offset rules not being copied to presets when creating new presets from current styles.
• Fixed minimum column width CSS not printing when set at the module level, when “equal minimum width columns” was set at the preset level.
• Fixed sections remaining hidden when section animation was enabled, but duration and delay were stored as empty values.
• Fixed Theme Builder loops using the “current page” query on 404 pages, incorrectly showing recent blog posts instead of the no-results state.
• Fixed Button Line Color and Button Line Style being unavailable when editing hover or sticky states after enabling underline on the normal state.
• Improved frontend font-family sanitization and archived global variable CSS output reliability.
• WooCommerce checkout pages built with Divi checkout modules now render a single, consistent checkout form instead of multiple competing forms.
• Woo Product Gallery now exposes Design -> Image -> Sizing -> Column Class and keeps wrapped flex gallery item sizing aligned between the frontend and Visual Builder.
• Fixed an issue where nested Blurb modules could display the wrong icon in Visual Builder preview due to parent icon style leakage.
• Fixed ACF Color Picker dynamic content not displaying the correct text and decoration colors in the Visual Builder, so on-canvas styles now match the resolved colors shown on the live site.
• Internal test coverage only; no customer-facing changelog.
• Added Theme Builder Playwright smoke tests to the Builder 5 CI pipeline.
• Added a Playwright smoke test to verify that the Theme Builder admin screen loads.
• Fixed the Layer view drop zone indicator and drag handle label being invisible in dark mode when dragging regular modules.
• Fixed an issue where module settings reset/default values could show module preset styles instead of the applied option group preset styles.
• Fixed an issue where custom button icons did not appear on the Contact Form 7 Styler module submit button in the Visual Builder and on the front end.
• Fixed the Dropdown mega-menu positioning and sizing so floating menus can reliably align to the parent row or viewport width across columns.
• Fixed frontend module order classes not starting at zero after layout migration.
• Imported legacy Text modules now preserve the expected Open Sans body weight during import, so frontend rendering matches freshly created Text modules.
• Fixed an issue where Code Module curly-quote HTML entities rendered correctly in Visual Builder but not on the frontend.
• Fixed an issue where CTA modules with AnalyticsWP tracking enabled could enter backward compatibility mode after the Divi 4 to Divi 5 migration.
• Fixed Visual Builder REST responses exposing Instagram tokens and accepting invalid Post Navigation post contexts.
• Improved performance of variable font weight inheritance.
• Fixed an issue where Video modules could fail to render YouTube videos when a video is added via Insert from URL in the media modal.
• Added more Google fonts to the default list of web fonts.
• Added support for flexible fonts, including variable font weight and many additional font settings.
• Added a drop cap tab to all body text option groups, allowing drop caps to be added and styled along with paragraph, anchor text, block quote, and lists.
• Add new text styling options to all body font elements, including text direction, columns, stroke position, capitalization, hyphenation, and wrapping.
• The long font select menu is now lazy-loaded, improving performance when selecting fonts.
• Fixed Comment Module comment boxes duplicating in the Visual Builder when changing Comment Count or Form Title heading levels.
• Fixed a fatal error when using Event Tickets Move Attendees and other admin iframe flows that pass a null hook suffix to admin_enqueue_scripts.
• Fixed Divi 4 to Divi 5 migration for mixed Gutenberg and Divi Layout content by improving layout block detection and preserving non-layout Gutenberg blocks with native serialization.
• Fixed accordion modules showing backward compatibility mode after D5 migration when Rank Math FAQ Schema Markup was enabled in Divi 4.
• Fixed Group Carousel in the Visual Builder not navigating to a newly added carousel slide, which prevented adding content to the new slide without manually switching slides.
• Fixed an issue where Brevo/Sendinblue custom fields were not always visible in the Email Optin module Visual Builder.
• Fixed an issue where the field dropdown always showed “Choose a field…” after selection.
• Fixed an issue where custom fields remained visible on the canvas after disabling the “Use Custom Fields” toggle.
• Fixed global font variables not rendering in the Visual Builder when applied to module font settings.
• Fixed Query Monitor reporting missing dependencies for wp-block-library on Theme Builder pages with header or footer overrides when Defer Block CSS is enabled.
• Fixed gap-0 global variables not appearing in Dynamic Content pickers for dimensional number fields such as Horizontal Gap.
• Fixed Preview Mode showing disabled modules at 50% opacity when the “Show Disabled Modules At 50% Opacity” builder setting was enabled.
• Fixed Google+ icon appearing in the Person module on imported layouts when no Google+ setting is available.
• Fixed nested module entrance animations not playing inside the Dropdown module when editing in the Visual Builder, so animated content inside an open dropdown now matches the behavior on the live page.
• Improved Divi 5 AI Agent planner prompt clarity and consistency in orchestration for multi-agent request execution.
• Fixed the default Layout option group preset Vertical Gap not applying to columns on the frontend when the preset was not explicitly assigned.
• Fixed an issue where the default image border could not be removed from Woo Related Products using the builder’s Image border settings.
• Fixed a Blog migration issue where the D4 “Show Content” option could revert to excerpt behavior after conversion to Divi 5.
• Fixed Visual Builder crash when loop subTypes were stored as an object instead of an array, which caused nested modules such as Group Carousel and Icon List to show “Oops, an error has occurred”.
• Added public upload attachment metadata support for third-party developers, including attachmentMetadata on upload field change events and a getAttachmentMetadata() helper in @divi/field-library.
• Fixed CSS numeric and similar module settings fields losing their values when edited in the main settings modal by correctly handling field onChange callbacks that pass a plain value rather than an event-shaped object.
• Adds Layer 1 preset unit tests for Divi 5: a shared cross-cutting fixture library, then PHP and TypeScript coverage for stack normalization, preset merge and selection, option-group discovery and attribute path mapping, attribute fetch and merge primitives, full merge orchestration (including two small production fixes), preset class names and store selectors, edit-mode field resolution, and edit-container plus settings-panel orchestrator merge paths (with a behavior-neutral settings merge extract for unit testability).
• Fixed Blurb image alignment not applying when the image width is used as a percentage unit with top image placement.
• Fixed Group Carousel automatic rotation not working in the Visual Builder, while it worked correctly on the frontend.
• Fixed the modifier indicator dot appearing on border option groups when explicit border values matched defaults.
• Fixed Block Row layouts breaking on the frontend after updating Divi when Website Gutter Width was customized.
• Fixed a migration regression where column widths could become larger after an update due to the gutter class and dynamic asset desynchronization.
• Fixed an issue where Countdown Timer, Email Optin, and Login could lose frontend padding because et_pb_no_bg was incorrectly added when non-color backgrounds were active.
• Fixed an issue where migrated modules could receive unintended center auto margins when module alignment was set to center without custom width constraints.
• Fixed an issue where the CSS Variable option was incorrectly shown in the color type picker for Background Pattern Color and Background Mask Color fields, causing those fields to render as black when a CSS variable was selected.
• Fixed the Contact Form Module failing to submit or show a success message when All-In-One SEO was active.
• Fixed an issue where clicking “Remove Variable” on a global color in a background gradient stop would leave the stop’s color empty, causing the gradient to break and the background to appear white after saving and refreshing the page.

Jump Into Divi 5 Today

It’s official. Divi 5 is ready for production. Give it a try, and let us know what you think!

If you are brand new to Divi 5, we suggest familiarizing yourself with its many new features; there’s much to explore.

• The Divi 5 page provides a good overview of some of its most exciting changes.
• Our help center has nearly 200 articles focused on Divi 5.
• On the blog, the Divi Resources category features hundreds of long-form tutorials that explore every aspect in depth.
• On YouTube, we have many videos that walk you through each new update.
• Plus, our Fin chatbot is trained on everything and can answer questions instantly! Behind the chatbot is our support team, ready to chat with you and help you through the transition.