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

What’s New In Divi 5.7?

We implemented 72 bug fixes and improvements, along with several new gradient-related features.

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!

New Gradient Editor, Gradient Variables, Text Effects, and More

We just released a bunch of new gradient-related features in Divi 5.7!

Gradient options have been consolidated into a new gradient picker panel, and with the introduction of a new gradient field type, gradients are now easier to manage than ever. You can copy, paste, extend, find, replace, and inspect gradients as a unified attribute.

What’s more, we added support for gradient variables. Use the same gradients throughout your website, and manage them easily in the variable manager.

Plus, gradients can now be used to fill text, along with new text-stroke and image-fill settings.

Take the full tour. 👇

What’s Coming Next?

The web design world is changing.

We are building the next evolution of Divi AI, an agentic workflow that will augment your design process in the builder, much like AI-powered IDEs like Cursor.

The Divi AI Agent will work like a human, with access to the same tools you have.

We have the architecture in place, and over the next few months, we will add many new tools to complete the vision.

It’s a brave new world, and Divi will be part of it!

Check out the sneak peek. 👇

Changelog

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

• Added gradient variables.
• Added a new gradient field component and a gradient picker panel.
• Add new gradient and image text fill options to font groups.
• Added a new “convert to variable” option to the field right-click menus.
• Fixed gradient stop colors not being detected in the inspector.
• Fixed image replacement in the inspector, replacing the image URL with an invalid object instead of the URL string.
• Inherited variables are now shown with reduced opacity in the settings panel to make their inheritance clear.
• Fixed inherited values in the responsive editor showing up as hard values instead of placeholder values in the field components.
• Imported legacy Text modules now preserve the expected Open Sans body weight during import, so frontend rendering matches freshly created Text modules.
• Fixed HTML in dynamic content. Before and After fields are not rendering in the Link module on the Visual Builder and front end.
• Fixed SVG Code being cleared when reloading the Visual Builder for Global SVG modules.
• Fixed Icon List Item Body Text color not applying to hyperlinks inside list item text (including Loop Post Terms with taxonomy links).
• Fixed off-canvas content being replaced with main canvas content when clicking the main canvas star in the Canvases dropdown while editing another canvas.
• Fixed Loop Builder Order By options missing after reloading a Theme Builder template when Query Type was set to Posts For Current Page.
• Fixed Testimonial portrait stacking in Divi 5 flex layouts by extending narrow-column detection to flex column classes on desktop and tablet.
• Fixed Video module aspect ratio targeting so portrait YouTube embeds use the same sizing selector chain as existing video height constraints.
• Fixed accordion content scrolling underneath sticky sections on the front end by including the builder sticky element height in the accordion auto-scroll offset, matching anchor link scroll behavior.
• Improved module-creation workflow guardrails so generated modules more reliably match approved implementation contracts.
• Saved layouts no longer keep a desktop centering offset on tablet and phone when a module switches back to relative positioning at smaller breakpoints.
• Fixed preset-based button hover padding regressions in CTA and related module paths where hover could incorrectly fall back to default hard-coded padding.
• Added Module Elements documentation (Introduction, Render, Script Data, Style) under Module explanations, with full API parameter references, paired VB/FE usage examples, updated Module category sidebar order, and improved formatting conventions.
• Prevented hide-on-load interactions from flashing on initial page load.
• Fixed an issue where closing preset editing could close Preset Manager instead of returning users to it when editing was initiated from Preset Manager.
• Fixed an issue where local Column padding in the Visual Builder did not apply when a module preset also defined padding, because preset padding was incorrectly marked as important.
• Fixed a critical error on the front end when layouts stored object position as separate horizontal and vertical values instead of a single CSS value.
• Fixed the Blurb module title hover text not updating on the frontend when a Title Link URL is set.
• Fixed an issue where Theme Builder pages could occasionally generate incomplete critical/deferred CSS after partial cache invalidation, causing missing frontend styles.
• Link module Design → Layout now applies to nested modules because their output sits in the same .et_pb_link_inner flex container as the Link’s icon and text in both the frontend and Visual Builder.
• Link grid layout now keeps the text row full-width, so nested Icons can occupy the grid columns together instead of splitting across rows.
• The Link inner wrapper now renders as a div, so nested block-level module roots remain valid and do not get hoisted out of the Link subtree in the Visual Builder.
• Link now suppresses nested Icon anchors under divi/link, resets default nested child-module bottom spacing inside .et_pb_link_inner, and ships an earlier FE flex baseline for .et_pb_link_inner through the existing Link static CSS path to avoid the observed load jump.
• Updated the example extension modules so Layout, HTML, and Elements match core Divi 5 patterns in VB, extended the same behavior to Child Module with a documented inner layout pattern, aligned Parent with Accordion-style child rules, and fixed front-end render callbacks so Elements children and module styles output correctly.
• Fixed third-party modules being unable to open settings panels.
• Fixed premade layout library appearing empty when opening the load layout modal from the page creation flow.
• Fixed Responsive Editor not showing preset values on the desktop row when opening the Responsive Editor from the module level.
• Fixed the missing browser backup restore prompt in the Divi 5 Visual Builder after a tab crash or reload when unsaved edits existed in the previous session.
• Removed the legacy D4 frontend builder runtime while keeping required legacy build outputs intact.
• Lockfile regenerations across the repo and related submodules are intentional and intended to remove Node 14-era dependencies and align the toolchain with Node 18/20 + Corepack/Yarn 4.7.0. These updates are required to keep installs/builds deterministic after the Node 14 removal.
• Image modules using Grow to Fill with Cover now stretch to the full row height in Safari without changing the shared VB/frontend contract.
• Fixed Visual Builder incorrectly reporting a failed save for some layouts where special characters and HTML-related module fields caused save verification to disagree with the real Divi save pipeline.
• Image module border-radius clipping now works for complex radius values such as clamp(…), so rounded images clip correctly without custom CSS.
• Fixed an issue where the Visual Builder could fully reload when using a Link module with a Dropdown module set to open on click, which could discard unsaved changes.
• Fixed the built-in icon picker showing incorrect icons when selecting icons in the Visual Builder on RTL sites.
• Fixed an issue where the Icon module’s background color stretched across the full column width instead of centering around the icon in flex layouts.
• Fixed modules disappearing on the Visual Builder canvas when decoration animation repeat was set to loop, especially after hovering once the first animation cycle had finished.
• Fixed frontend PHP fatal on some pages when image URL fields in saved content were not valid strings, so the page can load instead of crashing (invalid image data may no longer display until content is corrected).
• Fixed Visual Builder saves (and related REST actions) failing after long idle when WordPress and Divi REST nonces went stale, by refreshing those nonces and retrying the request once, and by allowing fresh nonces to merge during after-app-load.
• Introduced divi_remove_empty_array_attributes_pre_filter WordPress filter in ModuleUtils::remove_empty_array_attributes(), allowing third-party modules to preserve intentional empty array field values that would otherwise be removed during save-time security sanitization.
• Fixed a loop page issue where CSS was incorrectly inherited from Divi-built posts, causing auto-generated loop excerpts to render those posts’ layouts in the background.
• Fixed an issue where clicking the settings icon on a Link module in the Visual Builder could load the linked page inside the builder instead of opening module settings.
• Fixed an issue where the Filter by Date field in the Visual Builder media library was misaligned after updating to WordPress 7.0.
• Fixed AI Agent inserting blank modules and failing to edit unset attributes — the agent now adds modules with the requested content populated and can change any attribute on any module on first try.
• Fixed Fullwidth Image background video not playing after migrating from Divi 4 when the module had a video background.
• Fixed default heading font not applying in Theme Builder Visual Builder when heading text font is set to Default.
• Fixed an issue where the Sizing option group incorrectly appeared as modified on newly added Columns in the Visual Builder.
• Fixed Loop Builder Order and Order By not applying when using Posts for Current Page on archive templates.
• Fixed global preset save failing with a validation error when module presets included stacked group preset metadata from the builder.
• Fixed Blurb title overlapping an animated image on the front end so published pages match the Visual Builder when composable title styling overlaps the image.
• Fixed Post Slider background overlay tint not applying in the Visual Builder when Dark text color was set on phone only while desktop or tablet remained Light.
• Fixed unit synchronization in Transform Scale fields when switching from math functions (e.g., calc()) to regular numeric units with sync enabled, ensuring both X and Y axes maintain matching units. Also improved CSS numeric field validation to prevent invalid CSS values when transitioning between value types.
• Fixed Theme Builder layout titles in the Visual Builder showing as “Theme Builder Layout” until Theme Builder was saved.
• Image module Object Position now transitions smoothly when the Visual Builder settings modal switches between Desktop and Hover.
• The Visual Builder canvas and Object Position settings preview now show the correct hover image asset when the Image module uses a different hover-state image source.
• Fixed background videos set to display only on hover, showing and playing correctly on the frontend and in the Visual Builder.
• Fixed a browser crash that could occur when using Find & Replace on very large layouts, especially when replacing one variable with another across many modules.
• Fixed the missing Layouts option on Tools → Export in Divi 5 by ensuring the library layout post type registers on the WordPress export screen.
• Fixed a Visual Builder parity issue where the Single Post Content Area Background Color did not render in the builder.
• Fixes D5 Visual Builder failing to load on WooCommerce product pages when the iframe had #et-fb-app-body-root but no outer #et-fb-app mount node.
• Fixed the Table of Contents to ignore hidden headings and resync after responsive breakpoint changes.
• Fixed Role Editor Module Use restrictions in the Divi 5 Visual Builder: aligned permission key resolution across Insert Module and add middleware, hid empty module folders when all children are disabled, and blocked adds for modules disabled for the current role (including Group when divi/group is off).
• Fixed an issue where entering line-height values without a unit could incorrectly switch the unit picker to unitless instead of keeping the selected/default unit.
• Fixed mobile Theme Customizer body text size being overridden by desktop body font size in Divi 5.

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.