Divi Version 5.7.0 Changelog

– 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 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 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 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.