Divi 5 Public Beta 5 Release Notes

The Divi 5 Public Beta is available today. If you prefer the experience to Divi 4, it’s ready for use. If you use Divi 5, you’ll notice an update notification for Public Beta 5. We release new Divi 5 versions every two weeks, and each one improves upon the last.

If you haven’t tried Divi 5 yet, give it a test and let us know what you think.

What’s New In Public Beta 5?

Since Public Beta 4, we have implemented 105 bug fixes and improvements, and released a new feature called Divi Canvases.

Our mission over the past few months has been to fix bugs and implement minor improvements. The entire team continues to address your feedback as we approach the official release of Divi 5. After nearly a year of public testing and enhancements, Divi 5 is stable, and we’re getting ready to remove the beta label and make it official.

In the meantime, you can use Divi 5 if you prefer the experience to Divi 4. There’s no rush to upgrade; it’s up to you.

In my spare time, I’ve also been keeping the ball rolling on your most requested features. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us!

Divi Canvases

Introducing Divi Canvases! 🎉 A canvas is a workspace detached from your main post content. You can use them as staging areas for design updates, a place to organize off-canvas components, or simply as a safe space to experiment with new ideas. You can create global canvases to build website-level off-canvas menus and popups, as well as local canvases for specific posts.

We also added a new Canvas Portal module!

Fixes & Improvements

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

• Fixed MP4 videos in imported Divi layouts now properly upload to the new site instead of pointing to the old domain.
• Fixed menu module submenu overflow issue where the last menu item’s submenu would extend beyond the viewport.
• Fixed pricing table layout and alignment during D4→D5 migration.
• Fixed Icon List Item text styles incorrectly inheriting from Heading Text Option Group Presets by ensuring the module correctly uses the body text preset group instead of the heading preset group.
• Fixed loop dynamic content not rendering in Group modules when the loop is enabled. Loop variables now correctly display actual content instead of showing $variable() syntax on the front-end.
• Fixed featured images displaying incorrectly on paginated loop builder pages by ensuring CSS variables are generated fresh for each pagination request instead of using cached static CSS.
• Fixed interactions not working on Theme Builder modules when the same module type is used in multiple Theme Builder areas or regular page content.
• Fixed issue where preset interactions (toggle/add/remove) did not work on Theme Builder templates (header, body, footer) while working correctly on regular pages.
• Added a documentation category and an introduction page for the module.json file structure and configuration.
• Added tutorial documentation for the appearance object in module.json, covering module instance limits, aliases, and theme builder layout restrictions.
• Added tutorial documentation for the videos property in module.json, explaining how to configure help videos for modules with examples and best practices.
• Added documentation for the settings parent object in module.json, covering all properties that configure the module settings panel organization in the Visual Builder.
• Updated module.json mousetrap documentation to provide more precise explanations and examples for configuring keyboard shortcut behavior in custom modules.
• Fixed Divi Library import breaking nested group preset styles by preserving the correct module name during import preprocessing.
• Fixed True Parallax background images appearing more zoomed in Divi 5.
• Fixed the WooCommerce Cart Products module button icons disappearing when custom button styles are enabled without a custom icon configured.
• Fixed icon position shifting in WooCommerce Cart Totals module when Button Custom Style is enabled by using inherit positioning instead of fixed 0.6em offset.
• Fixed Image and Fullwidth Image modules preserving link URL, target, and rel attributes when updating images from the media library.
• Fixed WooCommerce product galleries updating incorrectly when variation changes occurred in different Add To Cart modules on the same page.
• Updated filter hooks to receive module metadata parameters, allowing developers to filter multiple modules using a single general hook by checking the module name.
• Fixed component styles appearing broken on the frontend after saving pages in Visual Builder on local development environments where filesystem write access is restricted. Styles now automatically fall back to inline output when creating a static CSS file fails.
• Fixed text alignment classes not being available on Text module elements after migration from Divi 4 by adding them to custom attributes during conversion, restoring backward compatibility with custom CSS that targets these classes.
• Fixed Customizer heading font styles, incorrectly affecting Media Library and D5 UI elements by properly scoping CSS.
• Fixed Woo Cart Totals module margin-bottom spacing setting not applying when the module is the last child in a column.
• Fixed SVG images in the Image Module defaulting to 100% width in the frontend when Visual Builder shows auto.
• Fixed Export option in saved layout context menu now respects Role Editor portability permission settings.
• Updated roadmap documentation with the latest GitHub and ZenHub issue data.
• Fixed Interaction Builder reset handlers, causing unintended field resets when React batches state updates.
• Fixed an issue where Editor role users could not edit posts when a Theme Builder template with the Post Content module was active. Visual Builder now correctly identifies the content post being edited and applies appropriate permission checks, allowing Editors to edit posts while maintaining security boundaries for Theme Builder layouts.
• Added workflow documentation for Editor role Visual Builder access fix (issue #47189).
• Fixed CSS Grid “Collapse Empty Column” setting not hiding empty columns when enabled.
• Fixed Group Carousel pagination dots to correctly calculate page count based on both “Slides to show” and “Slides to scroll” settings.
• Fixed Divider Weight field to prevent negative values by enforcing a minimum value of 0.
• Added new canvas system for creating off-canvas menus, popups, and more.
• Fixed audio post formats in the Blog module using the default browser player instead of MediaElement.js custom player on both the frontend and Visual Builder.
• Fixed video overlay play button appearing as escaped HTML text when the Blog module displays posts with Video Post Format and Featured Images.
• Fixed the Divi Cloud library browser to display both modules and rows when adding nested content within rows, aligning with the behavior of local library items.
• Fixed the inline text editor not activating when clicking on text within links.
• Fixed default presets being incorrectly assigned and renamed when importing layouts through Divi Library, and ensured imported presets preserve correct metadata.
• Fixed Divi 5 row and inner row modules incorrectly applying overflow: hidden when border radius is set, overriding user-configured overflow settings and causing content clipping. Fixed modules with both position offset and transform settings outputting conflicting CSS declarations, causing position-based transforms to be lost.
• Fixed HTML tags being stripped from the Page Settings excerpt field in Visual Builder. Excerpts now preserve valid HTML tags (such as bold, italic, links, and lists) during editing, matching Divi 4 behavior.
• Fixed Circle Counter module preset background color not applying when set at preset level.
• Fixed an issue where custom CSS added to module presets did not appear as placeholder text when editing modules.
• Fixed issue where modules with absolute or fixed positioning and centered alignment options weren’t properly centered on the page due to missing transform CSS for position translates.
• Added tutorial documentation for adding custom tabs to the Load Layout modal in Divi 5 Visual Builder, enabling third-party developers to extend the modal with CloudApp context tabs or custom React component tabs.
• Added comprehensive task documentation for the Custom Attributes implementation pattern, providing context and actionable recommendations for future development work.
• Add support to automatically capture Custom Attribute syncing for image elements, enabling third-party developers to see a working implementation pattern.
• Fixed Blog module “Current Category” option not filtering posts correctly.
• Fixed global variables in gap options not resolving correctly on frontend when imported via presets, ensuring CSS output uses proper var(–gvid-xxx) format instead of raw variable strings.
• Fixed an issue where importing a page with a Global Row using the Clone Existing Page feature would cause console errors and prevent the page from being saved.
• Fixed issue where subsequent instances of the same shortcode did not render in Visual Builder preview when multiple identical shortcodes were used in Text/Code modules.
• Fixed Grid Layout “Number of Columns” field incorrectly displays modified values as placeholder styling and prevents reset functionality.
• Fixed the Blog module box-shadow applying to incorrect elements when importing premade layouts.
• Fixed CSS variable validation in Unit Picker by ensuring raw numeric values typed with CSS var unit selected are appropriately wrapped and validated, preventing invalid values from being saved silently.
• Fixed Person module image size changes when placed inside flex containers with varying text content amounts.
• Fixed critical error when viewing posts containing third-party blocks (like WP Recipe Maker) that don’t have block IDs.
• Fixed Social Media Follow child preset backgrounds so they display in Visual Builder.
• Fixed the Woo Cart Products module table layout breaking when both the product image and remove icon columns are hidden.
• Fixed Contact Form modules in Theme Builder Header, Body, and Footer showing duplicate success messages and sending multiple emails when only one form was submitted.
• Fixed global colors being lost when saving multiple times consecutively in the Visual Builder Manage Global Variables panel.
• Fixed image removal crash by normalizing upload removal output.
• Fixed nested modules within Tab Modules displaying truncated content when text contains dollar signs followed by digits (e.g., $100.50 now displays correctly instead of 0.50).
• Fixed single-item pricing tables not displaying at full-width after D4→D5 migration by ensuring flexType is set in the correct attribute location that frontend rendering code reads from.
• Fixed the WooCommerce Product Title module displaying “Theme Builder Layout” instead of the actual product title when modules render in specific orders within Theme Builder templates.
• Fixed “Manage Global Colors” option now correctly hides in the color picker when Variable Manager is disabled in Role Editor.
• Fixed Map module .et_pb_map element height not inheriting custom height values from module settings, causing content clipping when custom heights were set.
• Fixed Build With AI modal not closing when clicking outside the modal content area.
• Fixed Dynamic Content Post/Archive Title displaying incorrect date on date-based archive pages.
• Fixed pagination, current page number, and hover states to use the theme accent color instead of a hard-coded blue color.
• Fixed Loop Builder layout breaking when adding or deleting posts, custom post types, or pages.
• Fixed Loop Builder layouts breaking when posts are added or deleted by adding cache validation to detect stale query counts and force CSS regeneration.
• Fixed an issue where undo/redo functionality did not work correctly when editing global presets, causing the module to appear reset instead of reverting changes incrementally.
• Fixed global variables and global colors not importing when using Visual Builder’s Library Portability feature.
• Fixed Add to Cart buttons in Loop Builder to correctly redirect to each product’s own page instead of constantly redirecting to the template page product.
• Fixed Role Editor button permission not properly hiding button style sub-groups when “Edit Buttons” permission is disabled, especially when custom styles were previously enabled.
• Fixed WooCommerce modules button icon toggle being disabled by default when it should be enabled, ensuring consistent behavior with the regular Button module.
• Fixed WooCommerce Product Images lightbox not closing in Visual Builder by disabling lightbox functionality in builder contexts while preserving slider functionality.
• Fixed the unsaved changes warning appearing after saving global elements and reloading Visual Builder. History tracking is now re-enabled correctly in all scenarios (synced and local attributes via selective sync), ensuring all edits are tracked correctly.
• Fixed Contact Form and Signup module radio/checkbox/select option links not being preserved during D4 to D5 migration.
• Fixed responsive content flashing on Widescreen and Ultrawide breakpoints.
• Fixed font global variables with spaces in their names not applying when used in modules. Font values are now quoted adequately in CSS output to ensure valid CSS parsing.
• Fixed Email Optin module Field Focus Text Color to apply to typed text in focused input fields, not just field labels.
• Fixed ACF color picker fields not working with Dynamic Content in Visual Builder.
• Fixed Global heading color changes now update Text Module headings immediately in Visual Builder.
• Fixed the Extend Attributes feature to prevent source module data loss and ensure composite fields (padding, margin) extend all sub-values correctly.
• Fixed smooth scroll animation always being applied to anchor links on page load, even when disabled in Theme Options. Pages loaded with anchor hashes in the URL now respect the Theme Options smooth scroll setting.
• Fixed smooth scroll animation always being applied to anchor links, even when disabled in Theme Options. Anchor links now respect the Theme Options smooth scroll setting.
• Fixed image module CSS Grid sizing options not generating CSS when placed inside grid columns.
• Fixed transition duration not working when multiple style components (background, text color, etc.) contribute transitions to the same element. Transition properties from all components are now properly merged, rather than being overridden. For the Text module specifically, differentiated selectors prevent conflicts between module and content element transitions.
• Fixed the issue where the Icon module alignment was not applied when set at the preset level in Visual Builder.
• Fixed Portfolio module showing current project in its own “Current Category” display.
• Fixed global section background image changes not reverting when the Cancel button is clicked.
• Fixed Theme Builder export/import to include global colors, variables, and presets for complete design element portability.
• Fixed global presets, colors, and variables not appearing immediately after importing layouts from Divi Library until page reload.
• Fixed Accordion and Toggle modules crashing when using CSS variables or CSS keywords (inherit, unset) in the icon font size field.
• Fixed Heading module padding-bottom inconsistency between Theme Builder preview and frontend output.
• Fixed background images not visible on tablet/phone breakpoints when parallax is enabled on desktop.
• Fixed empty modal appearing when clicking the Add Layout button with both Load Layout and Divi AI permissions disabled by hiding the button when no layout sources are available.
• Fixed the Fixed Page Settings modal to respect role permission settings for the Content, Design, and Advanced tabs, ensuring consistent behavior with the Module Settings modal.
• Fixed Text Module not inheriting Desktop value in Responsive Editor for non-desktop breakpoints.
• Fixed Role Editor tab navigation, adding “#” to URL, and jumping to the top of the page when switching tabs.
• Fixed an issue where clicking an already active tab in the Role Editor would hide the content panel.
• Fixed Theme Builder template names displaying incorrect font weight when the Divi AI option is disabled in Role Editor.
• Fixed an issue where Group Carousel permission couldn’t be disabled in Role Editor due to incorrect sanitization of JSON-encoded form data.
• Fixed portability import icon appearing in Load From Library modal when portability permissions are disabled in Role Editor.

Jump Into Divi 5 Today

The Divi 5 Public Beta is available today. Give it a try, and let us know what you think!

If you find a bug, report it to our team, and we’ll fix it. We’ll continue to work aggressively to add new features and address feedback.

Stay tuned for a new Divi 5 version every two weeks.