Divi 5 Public Beta 4 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 4. 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 4?

Since Public Beta 3, we have implemented 98 bug fixes and improvements.

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!

Changelog

Here is a list of all the changes implemented since Public Beta 3.

• Fixed the Woo Products module displaying two columns on mobile when set to a 1-column layout.
• Fixed Row settings icons were cut off in Theme Builder when rows had border radius and overflow hidden applied.
• Fixed incorrect icon positioning in Accordion and AccordionItem modules when using relative units (rem, em, vw, vh, vmin, vmax) for custom icon font size.
• Fixed missing group titles for Conditions, Interactions, and Attributes sections when using the modified filter in module settings, making it easier to identify different sections when viewing filtered results.
• Fixed an issue where preset and Option Group preset styles incorrectly overrode individual element styles in Preview mode when Critical CSS was enabled.
• Fixed flex grow option not working on columns when child modules have Toggle Preset interactions enabled.
• Fixed font dropdown jumping from the bottom to the correct position when opened in unsnapped module settings modal.
• Fixed ACF Repeater date fields missing date formatting options in Loop Builder.
• Fixed the missing filter saturate property on the hover state for the modules in Front-end and Visual Builder.
• Fixed SVG images not resizing correctly on tablet and phone breakpoints in the Image Module.
• Fixed the issue where the divider module disappeared when alignment options were used in Design > Sizing settings. The divider now remains visible and properly aligned when alignment is set in block, flex, or grid layouts.
• Fixed issue where Image modules became invisible and the add module button disappeared after removing the image, preventing users from adding new modules after empty Image modules.
• Fixed Group Carousel Font Awesome arrow icons not rendering on the frontend by registering the module in the font icon detection system.
• Fixed global variable changes (Global Colors, dynamic content) in Global Modules not syncing across all pages when using the same Global Module on the frontend.
• Fixed sync-worthy detection, propagation, and serialization for subName-level attribute changes in global modules with selective sync by making the subName parameter mandatory for editModuleAttribute() action creator.
• Fixed Woo Checkout Billing module Form Notice Background Color field to properly support preset color overrides and global color selections by adding missing dynamic content configuration.
• Fixed Code Module JavaScript operators (like &&) being incorrectly converted to HTML entities on the frontend.
• Fixed Lottie module Trigger Animation setting not respecting breakpoint-specific values when set responsively.
• Fixed Hero Module logo images displaying incorrectly in Visual Builder when small images were used.
• Added filter hook to allow developers to customize CSS cache clearing behavior for programmatically rendered library layouts.
• Fixed Text module preset alignment mismatch between Visual Builder and the frontend.
• Added React component support for custom tabs in Load Layout modal, enabling third-party developers to create custom UI beyond CloudApp library patterns while maintaining backward compatibility with existing context-based tabs.
• Fixed the Portfolio module “Current Category” option not displaying projects when editing in Visual Builder.
• Fixed issue where changing Layout Style to Grid in element presets removed child items from nested modules (Accordion, Bar Counters, Contact Form, Icon List, Pricing Tables, Slider, Social Media Follow).
• Added a tutorial for implementing bidirectional field synchronization in Divi 5 modules, complete with working code examples and a customization guide.
• Added tutorial documentation explaining how to extract actual color values from global color variables in both frontend and backend contexts for third-party developers building Divi 5 modules.
• Fixed the WooCommerce Products module, which previously showed blank products when the Product Offset exceeded the total available products. It now displays a “No products were found matching your selection” message instead.
• Fixed Preset backup files can now be successfully imported to restore unsaved preset changes.
• Fixed Image Title attributes not being automatically generated in Custom Attributes UI when selecting images from the media library. Title attributes now sync automatically to Custom Attributes, matching the behavior of Alt attributes.
• Fixed shortcode output being wrapped in paragraph tags in the Text module by matching D4’s processing order.
• Fixed shortcode output being wrapped in paragraph tags in the Text module, ensuring consistent behavior with the Code module while preserving paragraph formatting for regular text content.
• Fixed an issue where newly created global colors were not included in exported layouts when exporting before saving the page.
• Fixed Dynamic Content Post Excerpt not auto-generating text from post content when manual excerpt is empty, matching Divi 4 behavior.
• Fixed Tabs modules with body_orientation attributes now convert properly to D5 format instead of showing legacy compatibility messages.
• Fixed preset styles not applying on the frontend when explicitly assigning the default preset in module settings.
• Fixed extra spacing between paragraphs in Text Module content when viewed on the frontend in responsive or hover states. The spacing now matches what is shown in the Visual Builder preview.
• Fixed testimonial column layout not working on the frontend when using flexType settings.
• Fixed preset values being stored as custom values during premade layout imports, preventing presets from working dynamically after import.
• Fixed a bug where duplicate CSS was generated for presets that were already being generated during early asset generation. This caused the late-generated CSS to override earlier module styles, resulting in broken specific layouts on subsequent page loads.
• Added missing early feature detection for animations and scroll effects, which were causing CSS to either be missing or get generated unnecessarily late.
• Improved performance of CSS grid feature detection in presets.
• Fixed pasted spacing values appearing grayed out in Option Group presets by ensuring they display as custom values (white) instead of default values, matching the behavior in module-level presets.
• Fixed Terms & Conditions page content not rendering Theme Builder templates when displayed in the WooCommerce checkout payment module.
• Fixed Gallery module images not importing when using the Divi Library import feature.
• Fixed an issue where the Testimonial module background patterns and masks were extending outside the border radius.
• Fixed D4 layouts imported through VB’s Layout Portability now properly migrate to D5 format, preventing backward compatibility messages when used in Theme Builder templates.
• Fixed Icon module alignment not applying when set at the preset level in Visual Builder.
• Fixed Image module auto margins interfering with justify-content in flexbox layouts, allowing proper space distribution between flex items.
• Fixed fatal error when importing layouts with legacy font style preset data.
• Fixed the issue where the gradient background delete button was not working in Tablet and Mobile responsive views. The trash icon now properly removes gradients for the current breakpoint when clicked in any responsive view.
• Fixed SCF custom fields now work correctly with the Theme Builder dynamic content system.
• Fixed the VB pagination module, which was showing encoded HTML entities instead of readable text in post titles.
• Fixed Contact Form module button alignment setting not applying when “Use Custom Styles For Button” is enabled.
• Fixed Contact Form field names not displaying correctly in the Visual Builder Elements section. Field names now show their actual values (e.g., “Name”, “Email”, “Message”) instead of generic “Field” labels.
• Fixed the WooCommerce Product Title module to display appropriate placeholder text in Theme Builder instead of showing “Theme Builder Layout”.
• Fixed the missing inline add module button for short WooCommerce modules when the module height is minimal.
• Fixed various PHP warnings found in the D4 example modules.
• Fixed an issue where adding modules from the Divi Library to Module Groups via the “Add Element” button would remove all existing child modules. Existing modules are now preserved when new modules are added from the library.
• Fixed incorrect default icon placement in the WooCommerce Add to Cart module button when “Only Show Icon On Hover For Button” option is disabled.
• Fixed the Email Optin module success message being replaced by title text when responsive content is used in the title field.
• Fixed default Option Group presets not applying to newly created modules until Visual Builder reload.
• Fixed WooCommerce Product Description Module custom line-height values not applying to paragraph elements when products are created with the default WordPress editor.
• Fixed an issue where the Page Settings modal could still appear for users without page_options permission when Builder Settings → Settings Modal Default Position was set to “Last Used Position”.
• Fixed Classic Editor toggle buttons now respect the “Toggle Divi Builder” permission setting in Role Editor, matching Divi 4 behavior.
• Fixed Section module z-index settings not overriding sticky positioning defaults.
• Fixed interaction settings not saving on imported layouts due to a type error when comparing primitive attribute values.
• Fixed text shadow not being removed when set to “None” in the Post Slider module, and text shadow color changes not reflecting in Visual Builder.
• Fixed scroll effects not working in Theme Builder templates.
• Fixed Divi Library revision restoration, redirecting to the list page instead of the edit screen.
• Fixed Theme Builder option group preset styles overriding individual module styles in footer layouts.
• Fixed background gradients not displaying when global colors were used for gradient stops.
• Gradients now correctly render with global color CSS variables.
• Fixed the Map module height in narrow columns after D4 to D5 migration by implementing D4’s default value comparison logic.
• Fixed an issue where duplicating Divi 5 posts using the Duplicate Page plugin caused special characters to display incorrectly as Unicode escape sequences instead of rendering correctly.
• Fixed grouped option groups remaining open when opening sibling groups. When opening a grouped sub-option group (like Button Border), other grouped siblings (like Button Background) now close automatically to maintain mutual exclusivity.
• Fixed Group Carousel blurb images disappearing after navigating through slides.
• Fixed Contact Form and Contact Field module attribute filtering to work correctly during form submission and validation, allowing third-party developers to override email settings and field validation using the divi_module_library_register_module_attrs hook.
• Fixed issue where SVG images were not being imported during portability import with the correct URL.
• Added Loop Product Short Description, Custom Field, and Terms options to Loop Builder for WooCommerce product loops.
• Fixed third-party module conversion failures for attributes ending with _phone or _tablet that are not responsive attributes.
• Fixed an issue where default module attributes (like background colors) were removed from global module instances when unsyncing attributes on some other cases of the same global template.
• Fixed an issue where global elements imported from the Divi Library did not reflect recent changes unless the page was reloaded.
• Fixed global elements not synchronizing properly when moving rows with child modules into global sections, ensuring all nested elements inherit the global parent attribute correctly.
• Fixed WooCommerce widget blocks showing “Invalid block” error in WordPress widgets admin panel.
• Fixed Woo Product Upsells module not displaying placeholder images in Theme Builder when no upsell products are assigned.
• Fixed the Color Picker modal Global Colors list not being scrollable when many colors are present.
• Fixed an issue where the save button would incorrectly enable when opening module settings for global modules with fields using dynamic content, preventing users from opening other modals or selecting elements until the change was saved or cancelled.
• Fixed Google reCAPTCHA not working correctly in some cases.
• Fixed D5 native content with hover states not generating default CSS transitions between Desktop and Hover styles. Also prioritized custom CSS transitions in mainElement CSS by adding !important when modules have hover states, preventing conflicts between D4 migrated layouts with transition: all and D5’s auto-generated transitions.
• Fixed Contact Form submission error when nested modules (Text, Button, Divider) are added to the form.
• Fixed Group Carousel image hover not working on cloned slides after navigating with arrows.
• Fixed an issue where global modules could not be reliably used as interaction targets. Global modules and their children now appear disabled in the interaction target dropdown, preventing selection and providing clear visual feedback to users.
• Fixed parent module custom CSS incorrectly overriding child module custom CSS in the Visual Builder, affecting both Divi core modules and third-party modules.
• Fixed Blog module Meta Text option group preset selector to display Body Text presets instead of Title Text presets.
• Fixed dynamic content background images not updating correctly on product category pages when the Woo Products module is present in Theme Builder templates.
• Fixed the Heading module’s responsive content by correcting CSS selector syntax.
• Fixed Divi Carousel Maker columns migrating to D5 blocks by preserving pac_dcm_* attributes only when the carousel is enabled.
• Added the divi.conversion.conditionalPreservationRules filter, allowing third-party extensions to register their own unknown-attribute preservation rules.
• Fixed an issue where disabling and re-enabling the Loop Builder toggle reset dropdown selections (Post Type, Terms, Users) to default values, causing users to lose their configured query settings.

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.