The Divi 5 Public Beta is to be had these days. In case you desire the enjoy to Divi 4, it’s in a position to be used. In case you use Divi 5, you’ll realize an replace notification for Public Beta 5. We unlock new Divi 5 variations each and every two weeks, and each and every one improves upon the ultimate.
In case you haven’t attempted Divi 5 but, give it a check and tell us what you suppose.
What’s New In Public Beta 5?
Since Public Beta 4, we have carried out 105 trojan horse fixes and enhancements, and launched a brand new characteristic known as Divi Canvases.
Our undertaking during the last few months has been to mend insects and put in force minor enhancements. All of the staff continues to deal with your comments as we method the legitimate unlock of Divi 5. After just about a yr of public checking out and improvements, Divi 5 is solid, and we’re on the point of take away the beta label and make it legitimate.
Within the period in-between, you’ll use Divi 5 when you desire the enjoy to Divi 4. There’s no rush to improve; it’s as much as you.
In my spare time, I’ve additionally been holding the ball rolling in your maximum asked options. If you wish to get an early within scoop, I frequently publish development studies within the Divi Theme Customers Fb crew. Sign up for us!
Divi Canvases
Introducing Divi Canvases! 🎉 A canvas is a workspace indifferent out of your primary publish content material. You’ll be able to use them as staging spaces for design updates, a spot to arrange off-canvas parts, or just as a protected house to experiment with new concepts. You’ll be able to create international canvases to construct website-level off-canvas menus and popups, in addition to native canvases for explicit posts.
We additionally added a brand new Canvas Portal module!
Fixes & Enhancements
Here’s a record of all fixes and enhancements integrated on this replace.
- Mounted MP4 movies in imported Divi layouts now correctly add to the brand new website as an alternative of pointing to the previous area.
- Mounted menu module submenu overflow factor the place the ultimate menu merchandise’s submenu would prolong past the viewport.
- Mounted pricing desk structure and alignment right through D4→D5 migration.
- Mounted Icon Listing Merchandise textual content types incorrectly inheriting from Heading Textual content Choice Workforce Presets by means of making sure the module accurately makes use of the frame textual content preset crew as an alternative of the heading preset crew.
- Mounted loop dynamic content material now not rendering in Workforce modules when the loop is enabled. Loop variables now accurately show precise content material as an alternative of revealing $variable() syntax at the front-end.
- Mounted featured pictures showing incorrectly on paginated loop builder pages by means of making sure CSS variables are generated recent for each and every pagination request as an alternative of the usage of cached static CSS.
- Mounted interactions now not running on Theme Builder modules when the similar module kind is utilized in more than one Theme Builder spaces or common web page content material.
- Mounted factor the place preset interactions (toggle/upload/take away) didn’t paintings on Theme Builder templates (header, frame, footer) whilst running accurately on common pages.
- Added a documentation class and an creation web page for the module.json document construction and configuration.
- Added educational documentation for the semblance object in module.json, overlaying module example limits, aliases, and theme builder structure restrictions.
- Added educational documentation for the movies assets in module.json, explaining learn how to configure lend a hand movies for modules with examples and perfect practices.
- Added documentation for the settings mum or dad object in module.json, overlaying all houses that configure the module settings panel group within the Visible Builder.
- Up to date module.json mousetrap documentation to offer extra actual explanations and examples for configuring keyboard shortcut conduct in customized modules.
- Mounted Divi Library import breaking nested crew preset types by means of maintaining the proper module title right through import preprocessing.
- Mounted True Parallax background pictures showing extra zoomed in Divi 5.
- Mounted the WooCommerce Cart Merchandise module button icons disappearing when customized button types are enabled with out a customized icon configured.
- Mounted icon role moving in WooCommerce Cart Totals module when Button Customized Taste is enabled by means of the usage of inherit positioning as an alternative of fastened 0.6em offset.
- Mounted Symbol and Fullwidth Symbol modules maintaining hyperlink URL, goal, and rel attributes when updating pictures from the media library.
- Mounted WooCommerce product galleries updating incorrectly when variation adjustments passed off in several Upload To Cart modules at the similar web page.
- Up to date filter out hooks to obtain module metadata parameters, permitting builders to filter out more than one modules the usage of a unmarried basic hook by means of checking the module title.
- Mounted part types showing damaged at the frontend after saving pages in Visible Builder on native construction environments the place filesystem write get right of entry to is particular. Kinds now robotically fall again to inline output when making a static CSS document fails.
- Mounted textual content alignment categories now not being to be had on Textual content module components after migration from Divi 4 by means of including them to customized attributes right through conversion, restoring backward compatibility with customized CSS that goals those categories.
- Mounted Customizer heading font types, incorrectly affecting Media Library and D5 UI components by means of correctly scoping CSS.
- Mounted Woo Cart Totals module margin-bottom spacing surroundings now not making use of when the module is the ultimate kid in a column.
- Mounted SVG pictures within the Symbol Module defaulting to 100% width within the frontend when Visible Builder displays auto.
- Mounted Export possibility in stored structure context menu now respects Position Editor portability permission settings.
- Up to date roadmap documentation with the most recent GitHub and ZenHub factor information.
- Mounted Interplay Builder reset handlers, inflicting accidental box resets when React batches state updates.
- Mounted a topic the place Editor function customers may now not edit posts when a Theme Builder template with the Put up Content material module used to be lively. Visible Builder now accurately identifies the content material publish being edited and applies suitable permission assessments, permitting Editors to edit posts whilst keeping up safety barriers for Theme Builder layouts.
- Added workflow documentation for Editor function Visible Builder get right of entry to repair (factor #47189).
- Mounted CSS Grid “Cave in Empty Column” surroundings now not hiding empty columns when enabled.
- Mounted Workforce Carousel pagination dots to accurately calculate web page rely in line with each “Slides to turn” and “Slides to scroll” settings.
- Mounted Divider Weight box to stop detrimental values by means of implementing a minimal worth of 0.
- Added new canvas device for developing off-canvas menus, popups, and extra.
- Mounted audio publish codecs within the Weblog module the usage of the default browser participant as an alternative of MediaElement.js customized participant on each the frontend and Visible Builder.
- Mounted video overlay play button showing as escaped HTML textual content when the Weblog module shows posts with Video Put up Structure and Featured Pictures.
- Mounted the Divi Cloud library browser to show each modules and rows when including nested content material inside rows, aligning with the conduct of native library pieces.
- Mounted the inline textual content editor now not activating when clicking on textual content inside hyperlinks.
- Mounted default presets being incorrectly assigned and renamed when uploading layouts via Divi Library, and ensured imported presets maintain proper metadata.
- Mounted Divi 5 row and inside row modules incorrectly making use of overflow: hidden when border radius is ready, overriding user-configured overflow settings and inflicting content material clipping. Mounted modules with each role offset and turn into settings outputting conflicting CSS declarations, inflicting position-based transforms to be misplaced.
- Mounted HTML tags being stripped from the Web page Settings excerpt box in Visible Builder. Excerpts now maintain legitimate HTML tags (reminiscent of daring, italic, hyperlinks, and lists) right through modifying, matching Divi 4 conduct.
- Mounted Circle Counter module preset background colour now not making use of when set at preset point.
- Mounted a topic the place customized CSS added to module presets didn’t seem as placeholder textual content when modifying modules.
- Mounted factor the place modules with absolute or fastened positioning and focused alignment choices weren’t correctly focused at the web page because of lacking turn into CSS for role interprets.
- Added educational documentation for including customized tabs to the Load Format modal in Divi 5 Visible Builder, enabling third-party builders to increase the modal with CloudApp context tabs or customized React part tabs.
- Added complete job documentation for the Customized Attributes implementation trend, offering context and actionable suggestions for long run construction paintings.
- Upload strengthen to robotically seize Customized Characteristic syncing for symbol components, enabling third-party builders to peer a running implementation trend.
- Mounted Weblog module “Present Class” possibility now not filtering posts accurately.
- Mounted international variables in hole choices now not resolving accurately on frontend when imported by means of presets, making sure CSS output makes use of right kind var(–gvid-xxx) structure as an alternative of uncooked variable strings.
- Mounted a topic the place uploading a web page with a World Row the usage of the Clone Current Web page characteristic would motive console mistakes and save you the web page from being stored.
- Mounted factor the place next cases of the similar shortcode didn’t render in Visible Builder preview when more than one equivalent shortcodes had been utilized in Textual content/Code modules.
- Mounted Grid Format “Choice of Columns” box incorrectly shows changed values as placeholder styling and forestalls reset capability.
- Mounted the Weblog module box-shadow making use of to unsuitable components when uploading premade layouts.
- Mounted CSS variable validation in Unit Picker by means of making sure uncooked numeric values typed with CSS var unit decided on are as it should be wrapped and validated, combating invalid values from being stored silently.
- Mounted Particular person module symbol dimension adjustments when positioned within flex boxes with various textual content content material quantities.
- Mounted vital error when viewing posts containing third-party blocks (like WP Recipe Maker) that don’t have block IDs.
- Mounted Social Media Practice kid preset backgrounds so that they show in Visible Builder.
- Mounted the Woo Cart Merchandise module desk structure breaking when each the product symbol and take away icon columns are hidden.
- Mounted Touch Shape modules in Theme Builder Header, Frame, and Footer appearing replica luck messages and sending more than one emails when just one shape used to be submitted.
- Mounted international colours being misplaced when saving more than one occasions consecutively within the Visible Builder Set up World Variables panel.
- Mounted symbol elimination crash by means of normalizing add elimination output.
- Mounted nested modules inside Tab Modules showing truncated content material when textual content comprises buck indicators adopted by means of digits (e.g., $100.50 now shows accurately as an alternative of 0.50).
- Mounted single-item pricing tables now not showing at full-width after D4→D5 migration by means of making sure flexType is ready in the proper characteristic location that frontend rendering code reads from.
- Mounted the WooCommerce Product Identify module showing “Theme Builder Format” as an alternative of the particular product name when modules render in explicit orders inside Theme Builder templates.
- Mounted “Set up World Colours” possibility now accurately hides within the colour picker when Variable Supervisor is disabled in Position Editor.
- Mounted Map module .et_pb_map component top now not inheriting customized top values from module settings, inflicting content material clipping when customized heights had been set.
- Mounted Construct With AI modal now not final when clicking outdoor the modal content material house.
- Mounted Dynamic Content material Put up/Archive Identify showing unsuitable date on date-based archive pages.
- Mounted pagination, present web page quantity, and hover states to make use of the theme accessory colour as an alternative of a hard-coded blue colour.
- Mounted Loop Builder structure breaking when including or deleting posts, customized publish varieties, or pages.
- Mounted Loop Builder layouts breaking when posts are added or deleted by means of including cache validation to locate stale question counts and drive CSS regeneration.
- Mounted a topic the place undo/redo capability didn’t paintings accurately when modifying international presets, inflicting the module to seem reset as an alternative of reverting adjustments incrementally.
- Mounted international variables and international colours now not uploading when the usage of Visible Builder’s Library Portability characteristic.
- Mounted Upload to Cart buttons in Loop Builder to accurately redirect to each and every product’s personal web page as an alternative of continuously redirecting to the template web page product.
- Mounted Position Editor button permission now not correctly hiding button taste sub-groups when “Edit Buttons” permission is disabled, particularly when customized types had been prior to now enabled.
- Mounted WooCommerce modules button icon toggle being disabled by means of default when it will have to be enabled, making sure constant conduct with the common Button module.
- Mounted WooCommerce Product Pictures lightbox now not final in Visible Builder by means of disabling lightbox capability in builder contexts whilst maintaining slider capability.
- Mounted the unsaved adjustments caution showing after saving international components and reloading Visible Builder. Historical past monitoring is now re-enabled accurately in all situations (synced and native attributes by means of selective sync), making sure all edits are tracked accurately.
- Mounted Touch Shape and Signup module radio/checkbox/make a selection possibility hyperlinks now not being preserved right through D4 to D5 migration.
- Mounted responsive content material flashing on Widescreen and Ultrawide breakpoints.
- Mounted font international variables with areas of their names now not making use of when utilized in modules. Font values are actually quoted adequately in CSS output to verify legitimate CSS parsing.
- Mounted E-mail Optin module Box Center of attention Textual content Colour to use to typed textual content in targeted enter fields, now not simply box labels.
- Mounted ACF colour picker fields now not running with Dynamic Content material in Visible Builder.
- Mounted World heading colour adjustments now replace Textual content Module headings in an instant in Visible Builder.
- Mounted the Lengthen Attributes characteristic to stop supply module information loss and make sure composite fields (padding, margin) prolong all sub-values accurately.
- Mounted easy scroll animation all the time being carried out to anchor hyperlinks on web page load, even if disabled in Theme Choices. Pages loaded with anchor hashes within the URL now recognize the Theme Choices easy scroll surroundings.
- Mounted easy scroll animation all the time being carried out to anchor hyperlinks, even if disabled in Theme Choices. Anchor hyperlinks now recognize the Theme Choices easy scroll surroundings.
- Mounted symbol module CSS Grid sizing choices now not producing CSS when positioned within grid columns.
- Mounted transition period now not running when more than one taste parts (background, textual content colour, and so forth.) give a contribution transitions to the similar component. Transition houses from all parts are actually correctly merged, slightly than being overridden. For the Textual content module in particular, differentiated selectors save you conflicts between module and content material component transitions.
- Mounted the problem the place the Icon module alignment used to be now not carried out when set on the preset point in Visible Builder.
- Mounted Portfolio module appearing present mission in its personal “Present Class” show.
- Mounted international phase background symbol adjustments now not reverting when the Cancel button is clicked.
- Mounted Theme Builder export/import to incorporate international colours, variables, and presets for whole design component portability.
- Mounted international presets, colours, and variables now not showing in an instant after uploading layouts from Divi Library till web page reload.
- Mounted Accordion and Toggle modules crashing when the usage of CSS variables or CSS key phrases (inherit, unset) within the icon font dimension box.
- Mounted Heading module padding-bottom inconsistency between Theme Builder preview and frontend output.
- Mounted background pictures now not visual on pill/telephone breakpoints when parallax is enabled on desktop.
- Mounted empty modal showing when clicking the Upload Format button with each Load Format and Divi AI permissions disabled by means of hiding the button when no structure assets are to be had.
- Mounted the Mounted Web page Settings modal to recognize function permission settings for the Content material, Design, and Complicated tabs, making sure constant conduct with the Module Settings modal.
- Mounted Textual content Module now not inheriting Desktop worth in Responsive Editor for non-desktop breakpoints.
- Mounted Position Editor tab navigation, including “#” to URL, and leaping to the highest of the web page when switching tabs.
- Mounted a topic the place clicking an already lively tab within the Position Editor would conceal the content material panel.
- Mounted Theme Builder template names showing unsuitable font weight when the Divi AI possibility is disabled in Position Editor.
- Mounted a topic the place Workforce Carousel permission couldn’t be disabled in Position Editor because of unsuitable sanitization of JSON-encoded shape information.
- Mounted portability import icon showing in Load From Library modal when portability permissions are disabled in Position Editor.
Bounce Into Divi 5 Nowadays
The Divi 5 Public Beta is to be had these days. Give it a check out, and tell us what you suppose!
In case you discover a trojan horse, file it to our staff, and we’ll repair it. We’ll proceed to paintings aggressively so as to add new options and cope with comments.
Keep tuned for a brand new Divi 5 model each and every two weeks.
The publish Divi 5 Public Beta 5 Liberate Notes gave the impression first on Sublime Subject matters Weblog.
WordPress Web Design