Divi 5.7 Unencumber Notes

It’s respectable; the beta stages have ended, and Divi 5 has arrived!

This isn’t the top; it’s a brand new starting for Divi, and we’re shifting ahead sooner than ever with weekly updates. When you use Divi 5, you’ll see a model 5.7 replace notification nowadays.

What’s New In Divi 5.7?

We carried out 72 worm fixes and enhancements, in conjunction with a number of new gradient-related options.

Nearly all of our workforce is keen on worm solving and general balance. Then again, after months of doing not anything however solving insects, we’re slowly transitioning again to function building.

That implies the velocity of innovation will boost up considerably over the following couple of months.

If you wish to get an early within scoop, I regularly submit development studies within the Divi Theme Customers Fb crew. Sign up for us!

New Gradient Editor, Gradient Variables, Textual content Results, and Extra

We simply launched a number of new gradient-related options in Divi 5.7!

Gradient choices had been consolidated into a brand new gradient picker panel, and with the advent of a brand new gradient box sort, gradients at the moment are more uncomplicated to regulate than ever. You’ll be able to replica, paste, prolong, to find, exchange, and check up on gradients as a unified characteristic.

What’s extra, we added give a boost to for gradient variables. Use the similar gradients during your site, and organize them simply within the variable supervisor.

Plus, gradients can now be used to fill textual content, in conjunction with new text-stroke and image-fill settings.

Take the total excursion. 👇

What’s Coming Subsequent?

The internet design global is converting.

We’re development the subsequent evolution of Divi AI, an agentic workflow that may increase your design procedure within the builder, similar to AI-powered IDEs like Cursor.

The Divi AI Agent will paintings like a human, with get entry to to the similar gear you have got.

We’ve got the structure in position, and over the following couple of months, we can upload many new gear to finish the imaginative and prescient.

It’s a courageous new global, and Divi shall be a part of it!

Take a look at the sneak peek. 👇

Changelog

Here’s a record of all fixes and enhancements incorporated on this replace.

• Added gradient variables.
• Added a brand new gradient box element and a gradient picker panel.
• Upload new gradient and picture textual content fill choices to font teams.
• Added a brand new “convert to variable” solution to the sector right-click menus.
• Mounted gradient forestall colours no longer being detected within the inspector.
• Mounted picture substitute within the inspector, changing the picture URL with an invalid object as a substitute of the URL string.
• Inherited variables at the moment are proven with decreased opacity within the settings panel to make their inheritance transparent.
• Mounted inherited values within the responsive editor appearing up as tough values as a substitute of placeholder values within the box elements.
• Imported legacy Textual content modules now maintain the anticipated Open Sans physique weight right through import, so frontend rendering suits freshly created Textual content modules.
• Mounted HTML in dynamic content material. Sooner than and After fields don’t seem to be rendering within the Hyperlink module at the Visible Builder and entrance finish.
• Mounted SVG Code being cleared when reloading the Visible Builder for International SVG modules.
• Mounted Icon Record Merchandise Frame Textual content colour no longer making use of to links within record merchandise textual content (together with Loop Submit Phrases with taxonomy hyperlinks).
• Mounted off-canvas content material being changed with major canvas content material when clicking the principle canvas big name within the Canvases dropdown whilst modifying every other canvas.
• Mounted Loop Builder Order Via choices lacking after reloading a Theme Builder template when Question Sort was once set to Posts For Present Web page.
• Mounted Testimonial portrait stacking in Divi 5 flex layouts by way of extending narrow-column detection to flex column categories on desktop and pill.
• Mounted Video module side ratio focused on so portrait YouTube embeds use the similar sizing selector chain as current video top constraints.
• Mounted accordion content material scrolling beneath sticky sections at the entrance finish by way of together with the builder sticky component top within the accordion auto-scroll offset, matching anchor hyperlink scroll habits.
• Progressed module-creation workflow guardrails so generated modules extra reliably fit authorized implementation contracts.
• Stored layouts now not stay a desktop centering offset on pill and call when a module switches again to relative positioning at smaller breakpoints.
• Mounted preset-based button hover padding regressions in CTA and linked module paths the place hover may just incorrectly fall again to default hard-coded padding.
• Added Module Components documentation (Advent, Render, Script Information, Taste) below Module explanations, with complete API parameter references, paired VB/FE utilization examples, up to date Module class sidebar order, and progressed formatting conventions.
• Avoided hide-on-load interactions from flashing on preliminary web page load.
• Mounted a subject matter the place final preset modifying may just shut Preset Supervisor as a substitute of returning customers to it when modifying was once initiated from Preset Supervisor.
• Mounted a subject matter the place native Column padding within the Visible Builder didn’t follow when a module preset additionally outlined padding, as a result of preset padding was once incorrectly marked as essential.
• Mounted a important error at the entrance finish when layouts saved object place as separate horizontal and vertical values as a substitute of a unmarried CSS worth.
• Mounted the Blurb module identify hover textual content no longer updating at the frontend when a Name Hyperlink URL is ready.
• Mounted a subject matter the place Theme Builder pages may just now and again generate incomplete important/deferred CSS after partial cache invalidation, inflicting lacking frontend kinds.
• Hyperlink module Design → Format now applies to nested modules as a result of their output sits in the similar .et_pb_link_inner flex container because the Hyperlink’s icon and textual content in each the frontend and Visible Builder.
• Hyperlink grid format now helps to keep the textual content row full-width, so nested Icons can occupy the grid columns in combination as a substitute of splitting throughout rows.
• The Hyperlink interior wrapper now renders as a div, so nested block-level module roots stay legitimate and don’t get hoisted out of the Hyperlink subtree within the Visible Builder.
• Hyperlink now suppresses nested Icon anchors below divi/hyperlink, resets default nested child-module backside spacing within .et_pb_link_inner, and ships an previous FE flex baseline for .et_pb_link_inner in the course of the current Hyperlink static CSS trail to keep away from the seen load leap.
• Up to date the instance extension modules so Format, HTML, and Components fit core Divi 5 patterns in VB, prolonged the similar habits to Kid Module with a documented interior format development, aligned Dad or mum with Accordion-style baby regulations, and glued front-end render callbacks so Components kids and module kinds output appropriately.
• Mounted third-party modules being not able to open settings panels.
• Mounted premade format library showing empty when opening the weight format modal from the web page introduction go with the flow.
• Mounted Responsive Editor no longer appearing preset values at the desktop row when opening the Responsive Editor from the module point.
• Mounted the lacking browser backup repair urged within the Divi 5 Visible Builder after a tab crash or reload when unsaved edits existed within the earlier consultation.
• Got rid of the legacy D4 frontend builder runtime whilst holding required legacy construct outputs intact.
• Lockfile regenerations around the repo and linked submodules are intentional and meant to take away Node 14-era dependencies and align the toolchain with Node 18/20 + Corepack/Yarn 4.7.0. Those updates are required to stay installs/builds deterministic after the Node 14 elimination.
• Symbol modules the use of Develop to Fill with Duvet now stretch to the total row top in Safari with out converting the shared VB/frontend contract.
• Mounted Visible Builder incorrectly reporting a failed save for some layouts the place particular characters and HTML-related module fields brought about save verification to disagree with the actual Divi save pipeline.
• Symbol module border-radius clipping now works for complicated radius values reminiscent of clamp(…), so rounded photographs clip appropriately with out customized CSS.
• Mounted a subject matter the place the Visible Builder may just absolutely reload when the use of a Hyperlink module with a Dropdown module set to open on click on, which might discard unsaved adjustments.
• Mounted the integrated icon picker appearing wrong icons when deciding on icons within the Visible Builder on RTL websites.
• Mounted a subject matter the place the Icon module’s background colour stretched around the complete column width as a substitute of centering across the icon in flex layouts.
• Mounted modules disappearing at the Visible Builder canvas when ornament animation repeat was once set to loop, particularly after soaring as soon as the primary animation cycle had completed.
• Mounted frontend PHP deadly on some pages when picture URL fields in stored content material weren’t legitimate strings, so the web page can load as a substitute of crashing (invalid picture knowledge might now not show till content material is corrected).
• Mounted Visible Builder saves (and linked REST movements) failing after lengthy idle when WordPress and Divi REST nonces went stale, by way of refreshing the ones nonces and retrying the request as soon as, and by way of permitting recent nonces to merge right through after-app-load.
• Offered divi_remove_empty_array_attributes_pre_filter WordPress clear out in ModuleUtils::remove_empty_array_attributes(), permitting third-party modules to maintain intentional empty array box values that might another way be got rid of right through save-time safety sanitization.
• Mounted a loop web page factor the place CSS was once incorrectly inherited from Divi-built posts, inflicting auto-generated loop excerpts to render the ones posts’ layouts within the background.
• Mounted a subject matter the place clicking the settings icon on a Hyperlink module within the Visible Builder may just load the related web page within the builder as a substitute of opening module settings.
• Mounted a subject matter the place the Clear out by way of Date box within the Visible Builder media library was once misaligned after updating to WordPress 7.0.
• Mounted AI Agent placing clean modules and failing to edit unset attributes — the agent now provides modules with the asked content material populated and will alternate any characteristic on any module on first take a look at.
• Mounted Fullwidth Symbol background video no longer taking part in after migrating from Divi 4 when the module had a video background.
• Mounted default heading font no longer making use of in Theme Builder Visible Builder when heading textual content font is ready to Default.
• Mounted a subject matter the place the Sizing choice crew incorrectly gave the impression as changed on newly added Columns within the Visible Builder.
• Mounted Loop Builder Order and Order Via no longer making use of when the use of Posts for Present Web page on archive templates.
• Mounted world preset save failing with a validation error when module presets incorporated stacked crew preset metadata from the builder.
• Mounted Blurb identify overlapping an animated picture at the entrance finish so printed pages fit the Visible Builder when composable identify styling overlaps the picture.
• Mounted Submit Slider background overlay tint no longer making use of within the Visible Builder when Darkish textual content colour was once set on telephone simplest whilst desktop or pill remained Mild.
• Mounted unit synchronization in Grow to be Scale fields when switching from math purposes (e.g., calc()) to common numeric devices with sync enabled, making sure each X and Y axes deal with matching devices. Additionally progressed CSS numeric box validation to forestall invalid CSS values when transitioning between worth varieties.
• Mounted Theme Builder format titles within the Visible Builder appearing as “Theme Builder Format” till Theme Builder was once stored.
• Symbol module Object Place now transitions easily when the Visible Builder settings modal switches between Desktop and Hover.
• The Visible Builder canvas and Object Place settings preview now display the right kind hover picture asset when the Symbol module makes use of a unique hover-state picture supply.
• Mounted background movies set to show simplest on hover, appearing and taking part in appropriately at the frontend and within the Visible Builder.
• Mounted a browser crash that would happen when the use of In finding & Substitute on very huge layouts, particularly when changing one variable with every other throughout many modules.
• Mounted the lacking Layouts choice on Equipment → Export in Divi 5 by way of making sure the library format submit sort registers at the WordPress export display.
• Mounted a Visible Builder parity factor the place the Unmarried Submit Content material Space Background Colour didn’t render within the builder.
• Fixes D5 Visible Builder failing to load on WooCommerce product pages when the iframe had #et-fb-app-body-root however no outer #et-fb-app mount node.
• Mounted the Desk of Contents to forget about hidden headings and resync after responsive breakpoint adjustments.
• Mounted Function Editor Module Use restrictions within the Divi 5 Visible Builder: aligned permission key answer throughout Insert Module and upload middleware, concealed empty module folders when all kids are disabled, and blocked provides for modules disabled for the present function (together with Crew when divi/crew is off).
• Mounted a subject matter the place coming into line-height values and not using a unit may just incorrectly transfer the unit picker to unitless as a substitute of holding the chosen/default unit.
• Mounted cellular Theme Customizer physique textual content measurement being overridden by way of desktop physique font measurement in Divi 5.

Bounce Into Divi 5 Nowadays

It’s respectable. Divi 5 is able for manufacturing. Give it a take a look at, and tell us what you assume!

In case you are emblem new to Divi 5, we recommend familiarizing your self with its many new options; there’s a lot to discover.

• The Divi 5 web page supplies a just right evaluate of a few of its most enjoyable adjustments.
• Our lend a hand heart has just about 200 articles keen on Divi 5.
• At the weblog, the Divi Assets class options masses of long-form tutorials that discover each side extensive.
• On YouTube, now we have many movies that stroll you thru every new replace.
• Plus, our Fin chatbot is skilled on the entirety and will solution questions straight away! At the back of the chatbot is our give a boost to workforce, able to speak with you and will let you in the course of the transition.

The submit Divi 5.7 Unencumber Notes gave the impression first on Chic Subject matters Weblog.

WordPress Web Design

[ continue ]