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

This isn’t the tip; it’s a brand new starting for Divi, and we’re transferring ahead sooner than ever with weekly updates. If you happen to use Divi 5, you’ll see a model 5.6 replace notification these days.

What’s New In Divi 5.6?

We carried out 109 worm fixes and enhancements, together with a number of new modules and new colour solidarity and colour scale turbines.

Nearly all of our group is excited about worm solving and general balance. Then again, after months of doing not anything however solving insects, we’re slowly transitioning again to characteristic construction.

That suggests the speed of innovation will boost up considerably over the following few months.

If you wish to get an early inside of scoop, I steadily publish development experiences within the Divi Theme Customers Fb workforce. Sign up for us!

5 New Modules for Divi 5

We simply launched 5 new modules for Divi 5.

  1. Create stunning, animated timelines the usage of the timeline module. This one works nice with loops.
  2. Upload breadcrumbs to any web page the usage of the brand new breadcrumbs module; easy, however nice for Theme Builder templates!
  3. SVGs are nice; light-weight and pixel-perfect. Now you’ll upload SVGs and elegance them the usage of local stroke and width settings the usage of the SVG module.
  4. Use the Desk of Contents module to routinely generate clickable tables of contents; nice for Theme Builder publish templates.
  5. Create stunning symbol galleries without delay from Instagram with the Instagram Feed module.

What’s Coming Subsequent?

I latterly launched a sneak peek of a number of upcoming gradient options, together with updates to Divi 5’s variable generator.

The brand new colour scale and colour solidarity turbines are already reside in Divi 5.6, and the brand new gradient picker, gradient fields, and gradient variables aren’t some distance at the back of.

Changelog

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

  • Added Desk of Contents module.
  • Added the Instagram Feed module.
  • Fastened a subject the place decimal values (e.g., 0.6x) entered within the Segment Divider Horizontal Repeat subject had been being clamped to 1x.
  • Fastened off-canvas and WooCommerce Store page-visit monitoring so similar show prerequisites now assessment as it should be throughout canvases and Store-targeted regulations.
  • Fastened a subject the place locked modules may nonetheless be duplicated or deleted by way of roles with out Lock Merchandise permission.
  • Fastened animations now not replaying when re-entering Preview Mode within the Visible Builder.
  • Woo Product Upload To Cart button icons now render configured tradition icons persistently in Visible Builder and frontend output, together with Font Superior icons, icon colours, hover/placement settings, disabled-icon output, and normal-page output.
  • Fastened the Icon Hyperlink so all the module house is clickable and presentations a pointer cursor when a hyperlink is ready, moderately than simply the icon glyph.
  • Fastened the testimonial portrait add regulate, which from time to time misses a preview and elimination for the module’s default portrait symbol.
  • Fastened Visible Builder failing to load and Video overlay pictures in some instances.
  • Line-height fields within the Visible Builder stay the unitless (—) unit variety after deciding on every other module and returning to the similar component.
  • Breadcrumbs module: Design → Breadcrumb hyperlinks styling now not applies to the House crumb; House look continues to practice House Hyperlink settings.
  • Fastened Countdown Timer format breaking in slim columns when the day price presentations 4 or extra digits (for instance, 1000+ days closing).
  • Fastened Woo Product Inventory appearing no placeholder textual content within the Visible Builder when enhancing Theme Builder product templates with the present product decided on.
  • Fastened responsive genre era for tradition breakpoints so breakpoints beneath the bottom instrument now use the right kind max-width media queries whilst maintaining visibility habits.
  • Menu module Menu Textual content background colour, gradient, and symbol now follow as it should be to top-level navigation hyperlinks, and the similar Menu Textual content spacing holds at the reported with-logo format.
  • The Visible Builder breakpoint pixel enter now presentations the resolved app body width for the energetic instrument view, together with updates when switching breakpoints, moderately than a stale saved window width price.
  • Woo Understand module applies a default white button background, so View cart and an identical realize movements keep visual at the realize bar with out opening Design to set a fill.
  • Fastened sticky choices incorrectly showing usable within the builder when a father or mother or ancestor used absolute or fastened positioning with middle placement, which is able to destroy sticky habits at the entrance finish.
  • Fastened sticky positioning is to be had when the father or mother has an absolute or fastened place and middle placement (which generates percentage-based positioning, like height: 50%). This mixture is architecturally incompatible with sticky positioning. The sticky choices at the moment are disabled with an explanatory tooltip when the module or its father or mother has this particular positioning configuration.
  • Menu module: Surroundings Brand Max Top below Design → Brand → Sizing now preserves the emblem’s facet ratio moderately than stretching it.
  • Fastened Accordion Merchandise sticky border habits in Visible Builder preview and frontend sticky state when the father or mother Accordion is sticky.
  • Fastened the Background Gradient settings preview, which incorrectly confirmed the background symbol on responsive breakpoints within the Visible Builder.
  • Fastened Symbol module alignment on flex layouts by way of making use of flex cross-axis alignment in Visible Builder and at the frontend: responsive preview flow with max peak (#49739), and alignment when place is absolute or fastened (#49199).
  • Fastened a subject the place Divi Cloud module pieces could seem in row library drift and be inserted into a bit construction and not using a row.
  • Fastened a subject the place converting the Textual content Colour on pill or cellphone may shift Publish Slider content material alignment as an alternative of leaving it unchanged.
  • Fastened button icon hover colour now not making use of when solely the hover colour used to be set for modules the usage of button icons.
  • Resolved a subject the place Grid Auto Columns and Grid Auto Rows solely authorised a unmarried numeric dimension as an alternative of complete CSS observe values like a couple of fractional and stuck tracks.
  • Fastened international quantity and font variables now not rendering at the frontend, which led to damaged format spacing and lacking types on pages the usage of the ones variables.
  • Fastened the Divi AI symbol era panel ultimate when clicking outdoor the panel, which led to generated pictures to vanish from the consultation till regenerated.
  • Fastened a Dynamic Content material settings modal factor the place custom-field settings could seem damaged whilst choices had been nonetheless loading on slower datasets.
  • Fastened the Accordion module click on interactions now not running as it should be in Visible Builder when a couple of accordion pieces had interactions configured.
  • Fastened Visible Builder column responsive padding by way of correcting empty-column detection so columns with kid modules are now not handled as empty.
  • Fastened Layers View is going empty when clicking modules on a world off-canvas whilst enhancing within the Theme Builder.
  • Fastened a subject the place legacy D4 preset conversion may run many times, and transparent the cache even if no new presets had been added.
  • Fastened flawed remark depend and remark hyperlink within the Publish Identify module’s meta when Display Creator used to be disabled on Theme Builder templates.
  • Fastened replica luck messages when the similar touch type module seemed greater than as soon as on a web page after publish (for instance, in a world off-canvas house rendered two times).
  • Fastened Load From Library bulk import so unsupported recordsdata are skipped with transparent singular/plural warnings whilst supported JSON recordsdata stay decided on for import.
  • Fastened background movies being loaded on units the place they had been got rid of, combating needless bandwidth utilization and bettering web page load efficiency.
  • Fastened title-style content material in a couple of modules (together with Heading, CTA, Blurb, Accordion, Slider, and others) so legitimate HTML presentations as it should be within the Visible Builder canvas, matching the frontend.
  • Fastened responsive animation path within the Visible Builder when animation genre stayed on desktop-only settings throughout breakpoints.
  • Fastened a subject the place the Symbol module alignment controls didn’t paintings when the module place used to be set to absolute.
  • Fastened Divi 5 migration leaving Backward Compatibility Mode energetic when Final Club Professional (ihc_*) or Divi Booster Menu (db_separators) attributes led to shortcode-module fallback as an alternative of local conversion.
  • Added the Timeline father or mother and Timeline Merchandise kid modules with aligned FE/VB rendering, break up habits/content material possession, and snapshot-backed protection for each module surfaces.
  • Fastened a Chrome section-boundary seam by way of making sure linear gradients with out a picture.
  • Show all authors the usage of Ajax at the situation surroundings for authors.
  • Fastened Creator show situation within the Visible Builder, solely record the primary ten eligible customers; further authors now load whilst scrolling the creator record.
  • Fastened Weblog module publish titles in order that supported inline HTML formatting tags render as it should be as an alternative of showing escaped.
  • Fastened a subject the place pasting Hyperlink module attributes into Textual content may destroy the Textual content editor by way of normalizing incompatible content material.innerContent values throughout paste.
  • Fastened the Import Design Presets conversation so the attention and checkbox seem when uploading layouts with presets from Divi Cloud inside of Upload From Library.
  • Fastened shortcodes returning mistaken publish ID in Loop Builder by way of making sure WordPress international publish context is ready to the loop merchandise prior to shortcode execution.
  • Woo Understand buttons now render configured icons with proper placement, styling, spacing, and strong hover peak.
  • Empty/header-only Accordion pieces now stay their toggle icon hidden after opening different Accordion pieces.
  • Fastened button dimension adjustments within the Divi UI associated with WordPress admin styling adjustments.
  • Fastened Button preset types on tradition publish varieties by way of resolving preset selectors throughout the CPT-aware selector trail so Theme Customizer button types now not override preset colours.
  • Fastened replica Open Sans loading in Divi 5 by way of combating overlap between default theme typography output and cached builder Google Fonts output.
  • Touch Shape, Touch Box, E-mail Decide-in, E-mail Decide-in tradition subject: Checkbox/radioDesign → Enter TextFields Font styling (underline, strike-through, line colour, line genre, Capitalize) applies to choice label textual content, now not solely the tradition icon.
  • Touch Shape, Touch Box, E-mail Decide-in, E-mail Decide-in tradition subject: Fields Textual content Alignment in Enter Textual content visibly impacts checkbox and radio choice label textual content alignment in Visible Builder, and at the frontend for the et_pb_contact_field_options_list option-row markup those modules emit.
  • Fastened the Team Carousel module appearing a 1px sliver of the following slide at sure viewport sizes.
  • Added a prevent button to the AI Agent chat that permits customers to cancel an in-progress reaction throughout streaming, making plans, or instrument execution.
  • Fastened a subject the place the Video module peak constraints didn’t correctly follow to embedded movies, inflicting the next content material to overlap in some layouts.
  • Added metadata-driven affirmation gating for harmful AI agent movements, enabling gear to claim possibility ranges and tradition approval messaging that triggers automated human-in-the-loop interrupts prior to execution.
  • Fastened a subject the place getting into a YouTube video URL within the Video module may fail to render because of an add subject runtime error.
  • Added a brand new Colour Scale variable generator.
  • Added new Colour Solidarity variable generator.
  • Added lacking quaternary colour to the tetradic colour solidarity.
  • Fastened damaged JavaScript bundle heading hyperlinks within the Customizing Module instructional in order that they level to legitimate API reference pages.
  • Fastened Visible Builder lag and instability on very huge layouts.
  • Fastened inconsistent Web page Supervisor seek permissions for dynamic publish varieties by way of aligning capacity exams throughout course gating and question restrictions.
  • Fastened Woo Cart Totals Trade Deal with label types now not making use of from the Fields > Label design controls.
  • Fastened a Login module factor the place logged-in standing content material may disappear when Frame Textual content used to be empty, and ensured the Log off motion stays visual and obviously identifiable as a hyperlink.
  • Fastened a subject the place copied Design > Button values from different modules may silently have an effect on Button module rendering, whilst maintaining right-click reset/paste availability for composite Slider teams.
  • Fastened a subject the place pasting background gradient stops may fail to show the pasted gradient till it used to be manually enabled.
  • Fastened a subject the place international colour variables with particular characters of their titles may cause an editor error when decided on in colour settings.
  • Fastened a subject the place Hyperlink module dropdowns may render with 0 offset at the frontend when the default offset price must be implemented.
  • Fastened a subject the place the Hyperlink module icon may disappear at the frontend when responsive textual content or phone-only icon settings had been used.
  • Fastened Divi 5 Loop Builder meta queries so filters the usage of a meta price of 0 (numeric equals) follow as it should be as an alternative of being overlooked.
  • Fastened a subject the place off-canvas content material learn from the dynamic property canvas cache may show corrupted make a selection choice textual content (for instance, “Quebec” showing as a letter adopted by way of a field glyph) by way of normalizing flawed private-use u escapes when loading cached canvas knowledge.
  • Fastened conditional show for page-based regulations so sections focused to a selected web page now not assessment as a fit on archive URLs corresponding to product class pages, whilst conserving “web page isn’t” habits proper on those self same archives.
  • Fastened a subject the place the Button module hover transition timing overlooked the configured transition settings and at all times used default timing.
  • Fastened a subject the place a symbol or symbol could seem damaged on desktop at the first load when the picture used to be solely set for pill or cellphone.
  • Fastened a subject in Divi 5 the place nested modules inside of a Tab failed to look at the frontend when the Tab’s frame content material used to be left clean.
  • Fastened a subject the place the Add Font modal in International Variables may open at the back of an energetic font dropdown, combating speedy interplay with modal inputs.
  • Fastened Loop Publish Identify dynamic content material so HTML within the publish name renders at the frontend the similar method it does within the Visible Builder and suits different name dynamic content material.
  • Fastened the Weblog module so et_pb_posts is now not duplicated throughout nested wrappers, whilst maintaining current format habits.
  • Fastened the WordPress audio shortcode now not showing embedded media at the Divi 5 frontend for modules that render HTML content material whilst proceeding to appreciate the corrected shortcode and paragraph formatting habits from previous updates.
  • Fastened Testimonial and Audio symbol sizing so facet ratio now applies with the right kind automated peak habits when no tradition peak is ready.
  • Added lacking peak auto declaration for the menu brand, which led to it to get squished when assigning a set peak.
  • Fastened Team Carousel slide variety being reset to the primary slide when the viewport is resized.
  • Fastened the Visible Builder make a selection dropdown checkmark showing misaligned subsequent to lengthy, wrapping choice labels, so it now not seems like the mistaken choice is chosen.
  • Documented that Divi 4 to Divi 5 conversion outlines will have to pair tradition ButtonGroupContainer attrName values with complicated.button so the Display Icon toggle migrates as it should be.
  • Fastened Woo Product Gallery responsive grid columns so default pill and speak to layouts, enabled huge breakpoints, and reset the predicted column counts.
  • Up to date Divi 5 developer documentation to explain upload tradition module categories in Visible Builder and Frontend, together with third-party shortcode-module focused on steering.
  • Fastened part and row choices/settings bars may disappear after deleting the former component.
  • Restored WooCommerce Product Acquire, Cart Contents, and Product Inventory show prerequisites in Divi 5 when WooCommerce is energetic, together with frontend analysis compatibility with Divi 4 layouts.
  • Fastened inline rich-text enhancing within the Visible Builder when a third-party Divi 5 module plugin is energetic by way of making sure the canonical TinyMCE script so much prior to the module package.
  • Added a prevent button to the AI Agent chat that permits customers to cancel an in-progress reaction throughout streaming, making plans, or instrument execution.
  • Fastened a subject the place nested right-click submenus in Theme Builder could seem at the back of overlays and turn out to be inaccessible on decrease module menus.
  • Fastened Hero and different fullwidth modules now not showing within the Visible Builder when placing from the Divi Library.
  • Fastened a Touch Shape factor the place the fundamental captcha enter may clip entered numbers when the sphere textual content dimension used to be higher.
  • Added browser-side AI agent checkpoint endurance by the use of a store-backed tradition saver, together with adapter wiring, thread-scoped checkpoint queries, and automatic verification protection.
  • Background Symbol horizontal and vertical offset fields now not record middle, height, backside, left, or correct of their unit picker. Use Background Symbol Place when you wish to have the ones presets, so offsets keep length-based, and also you steer clear of incompatible combos between the 2 controls.
  • Fastened disabled modules disappearing from the Visible Builder wireframe when “display disabled modules at 50% opacity” used to be became off.
  • Fastened Fullwidth Header default content material width in Divi 5 so modules with out an specific width now honor the supposed 100% default as an alternative of falling again to the legacy 800px max-width.
  • Fastened mixed-language Theme Builder project choice labels when Disable Translations is enabled.
  • Fastened Weblog module pagination appearing an additional web page when Publish Offset and pagination had been used in combination, together with matching web page totals within the Visible Builder.
  • Fastened Dynamic Module Customized CSS now not making use of within the Visible Builder or at the entrance finish by way of wiring cssFields, customCssFields metadata, and PHP CssStyle output to compare the Static Module development.
  • Fastened workforce preset attributes now not resolving as it should be when enhancing a composite workforce, corresponding to the picture module’s sizing workforce, which led to unsaved adjustments when enhancing facet ratio attributes.
  • Fastened adjustments now not appearing up within the interface when enhancing the font workforce preset on a textual content module, because of the textual content module’s nested textual content workforce, which used to be mistakenly used because the actively enhancing preset ID.

Bounce Into Divi 5 Nowadays

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

If you’re logo new to Divi 5, we propose familiarizing your self with its many new options; there’s a lot to discover.

  • The Divi 5 web page supplies a excellent assessment of a few of its most fun adjustments.
  • Our lend a hand middle has just about 200 articles excited about Divi 5.
  • At the weblog, the Divi Sources class options loads of long-form tutorials that discover each and every facet intensive.
  • On YouTube, we’ve got many movies that stroll you via each and every new replace.
  • Plus, our Fin chatbot is educated on the entirety and will resolution questions right away! At the back of the chatbot is our strengthen group, able to speak with you and allow you to throughout the transition.

The publish Divi 5.6 Unlock Notes seemed first on Sublime Topics Weblog.

WordPress Web Design

[ continue ]