Divi 5 Public Alpha 23: Custom Attributes + 247 Bug fixes

The Divi 5 Public Alpha is available for use on new websites. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 23. We release new Divi 5 versions every two weeks, and it gets better each time.

If you haven’t tested Divi 5 yet, try it and let us know what you think.

What’s New In Public Alpha 23?

I didn’t post an update for Public Alpha 22, so this post will cover everything new in Public Alpha 22 and Public Alpha 23.

Since Public Alpha 21, we implemented 247 bug fixes and improvements and released two new features, including the new Responsive Editor and Custom Attributes.

You’ll notice the bug fixing has ramped up significantly as we near the beta launch, and the team has transitioned away from feature development.

Feature Progress

Even though the development team is focused on fixing bugs and prepping for the beta launch, I found time to squeeze in a couple of surprise features.

Custom Attributes

Custom Attributes were released in Divi 5 Public Alpha 23. 🎉

This new feature allows you to add any attribute, such as alt, title, rel, and aria-label, to elements and most sub-elements.

Divi has had support for specific attributes, such as class and ID, but now you can add any attribute to any element. This is especially important for accessibility, allowing you to, for example, add alt text to images, and roles and labels to non-semantic elements like an icon-based button.

The New Responsive Editor

The new Responsive Editor was released in Divi 5 Public Alpha 22. 🎉

This editor lets you quickly view, modify, and reset the responsive, hover, and sticky states for any setting while in any view mode.

In Divi 5, you get the best of both worlds: natural, intuitive editing, where all changes made while in a particular view mode apply automatically, and the new responsive editor, which allows you to make swift changes to all states at any time.

Changelog

Here is a list of all the changes implemented since Public Alpha 21.

• Introduced a new custom attribute system for modules and key module sub-elements.
• Fixed the responsive editor not working for default presets.
• The responsive editor color mode now matches the active editing mode, turning dark when editing a preset.
• Fixed migration issues with modules using legacy parallax attributes.
• Fixed unwanted quote transformation during migration.
• Fixed button icon not converting correctly during migration.
• Fixed hover padding migration issue identified in the realty landing page layout.
• Fixed the pricing table inner content wrapped in a shortcode module after migration.
• Redesigned the sortable list item UI used for module sub-elements.
• Fixed SVG logos not displaying in Firefox when used in the Menu module.
• Fixed D5 Classic Editor deactivation flow to save and reload the post to restore TinyMCE toolbar functionality when switching from Divi Builder to Classic Editor.
• Fixed fatal error when adding a new post after importing the D4 Theme Builder template.
• Fixed Help modal content not rendering when docked in the sidebar and opened automatically on app load.
• Fixed animation field accidentally deselects their chosen animation style by clicking on the selected option.
• Added Video, Pattern, and Mask background support to individual navigation buttons in the Post Navigation module, matching Divi 4 functionality.
• Fixed hamburger menu alignment to properly center when the Menu Module uses “Centered Layout” on mobile devices.
• Fixed responsive and hover state position overrides so tablet/phone and hover states can successfully change module positioning without breaking parallax layouts.
• Fixed Slider Module button styles not displaying in Visual Builder when used in Theme Builder templates.
• Fixed Option Group Presets background-repeat values being overridden by element defaults.
• Fixed background properties no longer generate duplicate CSS on responsive breakpoints.
• Added simplified accent color API for third-party developers to access and use Divi’s primary, secondary, heading, and body accent colors in custom modules and extensions.
• Fixed background hover transitions not applying smoothly in Blurb modules.
• Fixed unit picker fields incorrectly treating values with same numbers but different units as default values (e.g., “2vh” no longer treated as default when the default is “2em”).
• Fixed the Contact Form module button padding options not applying to the Custom Post Types frontend.
• Fixed custom icon colors being overridden on hover in Social Media Follow modules.
• Fixed WooCommerce 9.9.4 compatibility issue with Related Products and Upsells modules.
• Fixed an issue where reset buttons did not appear when editing Button option group presets, preventing users from reverting field changes to their preset default values.
• Added rel attribute options to the Image module Link URL settings.
• Added module-specific CSS classes to modal components, enabling third-party developers to target individual modules for custom styling. Classes work universally across all modal display modes (sidebar-docked, draggable, floating,) providing consistent targeting capabilities regardless of user interface preferences.
• Enhanced global variable resolution to support CSS variable format and fixed accordion icon font size error when using global variables in Divi 5 Visual Builder.
• Fixed D4 modules with disabled attribute failing D5 conversion.
• Fixed the Number Counter module to continue properly after drag and drop operations in the Visual Builder.
• Fixed Global Presets functionality to preserve preset editing mode when navigating between parent modules and their child elements, restoring the expected Divi 4 workflow for styling child components within parent presets.
• Fixed issue where layouts built with the backend builder could not be edited in Divi 5.
• Fixed HTML tags being visible when editing Pricing Table content in Visual Builder by implementing proper WYSIWYG editing experience.
• Fixed premade layouts (Personal Stylist Landing Page and Church Landing Page) are not editable after import due to legacy builder attributes (bb_built) triggering backward compatibility.
• Fixed an issue where background dividers using global colors with opacity or HSL adjustments displayed incorrectly in the Visual Builder and Frontend.
• Fixed Blog module post-meta spacing regression caused by overly broad CSS rule affecting paragraph margins.
• Fixed loop dynamic content displaying JSON strings instead of actual values on responsive devices by implementing an improved block duplication approach that preserves responsive data structure and enables proper child block loop variable inheritance.
• Fixed search results width and spacing issues in module settings, where the first result field did not display at full width and had cut-off bottom borders.
• Fixed D4 to D5 migration issue where counter modules with deprecated attributes were incorrectly treated as legacy modules, preventing proper conversion and causing PHP warnings.
• Fixed blurry images in D5 flexbox grid layouts using large column widths (1/1, 1/2, 2/3). Grid-based modules (Portfolio, Blog, Gallery) now intelligently select image sizes based on actual column configuration rather than using hardcoded small images for all grid layouts.
• Fixed RGBA gradient colors not migrating correctly from Divi 4 to Divi 5.
• Fixed text shadow child fields not appearing when custom presets or option group presets contain text shadow customizations.
• Fixed Font Awesome icons not displaying on empty category pages when using Theme Builder templates.
• Fixed position offset and absolute position inheritance not working across tablet and phone breakpoints in both Visual Builder and frontend rendering.
• Fixed an issue where videos in blog posts were not playing when displayed through the Blog module’s “Show Content” option, affecting both external video embeds (YouTube, Vimeo) and direct MP4/WebM videos.
• Fixed migration error for Film Lab Home Page premade layout.
• Fixed an issue where the WooCommerce Product Reviews module’s button padding style was applied to the parent p tag element, causing it to behave like a margin.
• Fixed missing Raw HTML option for ACF Repeater fields in Loop Builder, allowing HTML content to display without escaping when enabled.
• Fixed dynamic content functionality for Slider Module text overlay border radius settings.
• Fixed library sections defaulting to block layout instead of flex layout when created via the “Add New Layout” modal.
• Optimized Algolia search performance and fixed empty content boxes in documentation search results. Enhanced content extraction efficiency while maintaining comprehensive text coverage and proper navigation hierarchy for manual and API documentation sites.
• Fixed CSS duplication issue in Loop Builder where styles were generated multiple times for looped modules on the frontend.
• Fixed border and box shadow styling in the Woo Related Products module.
• Fixed CSS Class fields not accepting input during option group preset editing.
• Fixed missing Option Group Presets functionality for Text, Title Text, Body Text, and Button components in the WooCommerce Cart Notice module.
• Fixed performance issues in the WooCommerce Product Images module when toggling element visibility options in Visual Builder, resulting in a faster and more responsive editing experience.
• Fixed missing Option Group preset functionality for Text design options in the Woo Product Rating module.
• Fixed missing “Select a Group Preset” option for Text, Title Text, Price Text, and Sale Price Text design groups in the Woo Products module.
• Fixed missing Option Group preset functionality for Text, Title Text, Product Title Text, Price Text, and Sale Price Text in the Woo Related Products module.
• Fixed Visual Builder controls becoming unclickable when sections have negative z-index values.
• Added WooCommerce Cart Products module with full Visual Builder support and design controls.
• Updated WooCommerce Cart Products module with frontend rendering support.
• Implemented WooCommerce Cart Totals module in Divi 5, enabling users to display and customize cart totals with comprehensive styling options in the Visual Builder.
• Implemented the WooCommerce Cart Totals module in Divi 5, enabling users to display cart totals with comprehensive styling options in FE.
• Added WooCommerce Checkout Billing module with Divi 5 settings architecture, REST API, and VB/FE registration.
• Added WooCommerce Checkout Shipping module with Divi 5 settings architecture, REST API, and VB/FE registration.
• Added WooCommerce Checkout Payment Info module with Divi 5 settings architecture, REST API, and VB/FE registration.
• Added WooCommerce Checkout Order Details module with Divi 5 settings architecture, REST API, and VB/FE registration.
• Added WooCommerce Checkout Additional Information module with Divi 5 settings architecture, REST API, and VB/FE registration.
• Added WooCommerce Cross Sells module with Divi 5 settings architecture, REST API, and VB/FE registration.
• Fixed FontAwesome icons not displaying in Icon List modules on the frontend.
• Fixed an issue where custom button icons would not display in the Visual Builder for the WooCommerce Product Add To Cart module in Divi 5 due to an incorrect attribute path.
• Implemented WooCommerce Cross-Sells module content and style output in VB, replacing the previous placeholder content.
• Fixed Woo Product Gallery module to properly hide all text-related styling options (Text, Title Text, Caption Text, Pagination Text) when Slider layout is selected.
• Unsupported units were removed from the Animation opacity field.
• Fixed CSSNumeric component unit picker regression where keyword values with explicit defaultUnit were incorrectly falling back to pixel units instead of respecting the specified unit preference.
• Fixed Group Carousel Free Form CSS is not outputting on the frontend.
• Fixed WooCommerce Product Gallery slider layout showing multiple images stacked on initial page load.
• Change the page creation cards default to “Build From Scratch.”.
• Fixed Group Carousel “Slides to Show” setting not working on custom breakpoints (Tablet Wide, Phone Wide).
• Updated “Adding Custom Option Field” tutorial page by adding advanced use cases to control the field visibility, including the list of all callback parameters.
• Fixed back button overlap in global module modals.
• Fixed Custom CSS functionality for Icon List and Icon List Item modules to allow users to add custom styling through the Advanced settings panel.
• Fixed individual border styles being overridden by default border options in Divi 5 modules.
• Fixed incorrect “Module Text” label in Woo Product Add To Cart Module Design Tab > Fields section, replacing with contextually appropriate “Field Text”.
• Fixed play icon sizing in Video and Video Slider modules for Divi 5’s flex-based layout system.
• Fixed the missing “Post Author Profile Picture” option in the Loop Dynamic Content dropdown for Loop Builder.
• Fixed section background colors not rendering in Blog modules when posts are displayed with “Show Content” enabled.
• Fixed the WooCommerce Products module showing Error Boundaries instead of the settings panel after D4 to D5 migration by properly converting comma-delimited category strings to arrays.
• Fixed ButtonOptions component tooltips to correctly display tooltip text instead of duplicating label text when both properties are defined.
• Fixed background color tab incorrectly appearing active when no color value was set.
• Added Discord conversation management workflow for systematically handling community issues linked to GitHub.
• Added a comprehensive marketplace security assessment workflow for systematic product review and vulnerability analysis.
• Fixed an issue where text modules were missing wpautop formatting when content contained HTML elements.
• Fixed incorrect “Module Text” label in Woo Product Reviews Module Design Tab > Fields section, replacing with contextually appropriate “Field Text”.
• Fixed PHP 8.2+ deprecation warnings in the Circle Counter module by adding null-safe validation to global color utility functions.
• Fixed library template creation by removing confusing full-width and specialty template type options from the new layout modal.
• Fixed Trebuchet font loading issue where the font would fall back to Times instead of rendering correctly in both Visual Builder and Frontend contexts.
• Fixed the WooCommerce Product Images module, which was throwing a TypeError in Visual Builder.
• Enhanced custom sub-tabs tutorial documentation with more apparent differentiation and cross-references between intermediate and advanced approaches.
• Enhanced the module attributes tutorial to include the newly added decoration attributes: interactions, order, and the advanced attribute loop.
• Updated issue template for third-party support tasks.
• Fixed WooCommerce Products Module Elements CSS not applying to Price and Old Price elements due to incorrect selector spacing.
• Fixed Loop Excerpt “Read More Text” setting not displaying in Visual Builder when content is short or empty, ensuring consistent behavior between Visual Builder preview and frontend display.
• Fixed Theme Customizer fonts with numbers or spaces that are not applying correctly.
• Fixed Divi 5 migrator fatal error when the page included the Woo Related Products Module.
• Fixed WooCommerce Products module column layouts (4-6 columns) not displaying correctly on shop pages.
• Fixed specialty sections migrated from Divi 4 to display correctly on the frontend by ensuring proper CSS loading for specialty section styles.
• Fixed the “Modules Ready to be Converted to D5 Alpha” counter not updating after running the Divi 5 migration process.
• Fixed Button Module icon positioning issue where icons appeared in the middle of text instead of to the right when enabled “at all times” from presets.
• Fixed PHP deprecation warning when importing the Photo Marketplace Home page premade layout in Divi 5.
• Fixed Video Slider child item play icon size option not working correctly in Visual Builder and frontend rendering.
• Fixed vertical and horizontal offset values are not displayed on the frontend for sections, rows, and columns when using the default relative position mode.
• Updated Divi 5 tutorial context from “Adding” to “Modifying” for custom options groups and option fields to improve discoverability and accuracy.
• Fixed third-party developers’ ability to target specific modules using the divi.moduleGroups.groups filter by adding module context information.
• Fixed the WooCommerce Product Tabs module “Included Tabs” option not working on the frontend.
• Unchecked tabs are now hidden adequately as expected.
• Fixed the Blurb module image animations that did not show a preview in Visual Builder when animation settings were changed.
• Fixed the Circle Counter module functionality after drag-and-drop operations in Visual Builder.
• Introduced a new responsive editor.
• Fixed select menu search gets reset while hovering outside of the submenu group.
• Fixed the Contact Form module button padding options not applying to the Custom Post Types frontend.
• Fixed Theme Builder template tooltips to show actual page titles instead of the generic “Specific Pages” message when hovering over “and X more” text.
• Fixed WordPress admin bar dropdowns appearing behind Divi Builder modals.
• Fixed WordPress admin bar dropdown menus appearing behind Divi Builder interface elements.
• Fixed an issue where a background image with parallax enabled would incorrectly persist on smaller breakpoints after removal.
• Fixed blog module categories that do not respect the “Included Categories” setting on responsive breakpoints by preventing array corruption during attribute inheritance.
• Fixed Variable Manager font changes not reflecting immediately in Visual Builder when adding new modules.
• Fixed the Interactions modal not closing automatically when clicking outside or opening other modals.
• Fixed Blog Module custom CSS rendering issue in Visual Builder, where margin-top applied to module title would not display correctly due to incorrect CSS class assignment.
• Fixed Blog module style conflicts where individual post styles were bleeding into other posts in the blog loop, causing duplicate CSS rules and broken layouts.
• Extended loop post terms dynamic content to automatically support custom taxonomies beyond just categories and tags.
• Fixed an issue where clicking global color variable chips in Page Settings fields caused console errors instead of displaying dynamic content options.
• Fixed contact form migration failure when the recaptcha_list attribute was present.
• Fixed date parsing in Dynamic Content custom fields to support additional date formats, including European date formats, natural language dates, and ISO datetime strings.
• Fixed date displays throughout Divi to respect WordPress timezone settings and show correctly translated month/weekday names in international sites.
• Fixed keyboard shortcut display for module duplication to show the correct CMD+Shift+D (Mac) / CTRL+Shift+D (Windows) combination.
• Fixed WooCommerce Related Products module Sale Badge styling options not working in Visual Builder.
• Fixed section box shadows override custom z-index values in Advanced > Position settings.
• Fixed an issue where global colors selected in Page Settings would not save properly in Divi 5.
• Fixed an issue where global colors selected in Page Settings would not display correctly on the frontend in Divi 5.
• Fixed WooCommerce Products module column layout breaking when using specific Product Type and Order combinations, such as “Sale Products” with various sorting options, and “Top Rated Products” with any order setting.
• Fixed Caption Text options incorrectly appeared in the WooCommerce Product Gallery module settings when selecting the Slider layout.
• Fixed missing “Select a Group Preset” functionality for Text, Title Text, and Attribute Text design options in the WooCommerce Product Information module.
• Fixed missing “Select a Group Preset” option for Text design settings in the WooCommerce Product Meta module.
• Fixed missing Option Group preset functionality for Body Text and Tab Text design options in the WooCommerce Product Tabs module, allowing users to create and apply styling consistently across all module design groups.
• Fixed border preview not correctly displaying global colors with opacity settings in Divi 5 Visual Builder.
• Fixed WooCommerce Product Title and Breadcrumb modules displaying “Theme Builder Layout” instead of actual product information in Theme Builder layouts.
• Added missing Order OG (Order Option Group) to all WooCommerce modules, enabling flexbox order controls in the Content Tab that were previously unavailable.
• Fixed WooCommerce Cart Notice module button styles not applying correctly on single product pages.
• Fixed the Icon module hover state issue where icons rendering as “0” character would disappear instead of showing on hover.
• Fixed HTML structure inconsistency in the WooCommerce Product Gallery module between frontend and visual builder rendering.
• Fixed Table Properties modal tabs not displaying correctly in Divi 5 dark mode.
• Fixed WooCommerce modules in Theme Builder displaying “This Post” instead of “This Product” in the product selection dropdown, improving consistency with Divi 4 behavior.
• Fixed Visual Builder interface layout issues when using RTL (Right-to-Left) languages like Arabic.
• Fixed an issue where FontHeaderGroup and BodyFont components ignored custom font family lists specified in module configurations, allowing third-party developers to provide curated font selections for their modules.
• Fixed select options for docked-to-sidebar modal being clipped by the modal’s sibling sidebar row.
• Fixed background gradient overlay over background image showing white instead of gradient colors in server-side rendering and Divi 5 Visual Builder.
• Fixed the AI content generation button incorrectly appearing in the shortcode module settings panel.
• Fixed background mask colors that are not displaying correctly when applied through module presets and group presets.
• Fixed draft pages not appearing in the load from library
• existing Pages.
• Fixed an issue where clicking on the scrollbar in the Divider Style selector would close the dropdown instead of scrolling.
• Fixed PHP warning “Undefined array key ‘mode'” that appeared when using Position Absolute settings on responsive breakpoints in Image modules.
• Fixed search results templates in Theme Builder showing placeholder text instead of proper “Results for in five phases. The ultimate goal is to make Divi 5 as helpful as possible, as soon as possible, to as many people as possible.

  We are in the Alpha phase, akin to “Divi 5 Lite.” It’s missing a few features, but what’s done is ready to be used. It’s far superior to Divi 4 in almost every way. If you prefer Divi 5, you can use it to build new websites.

  When Will Beta Be Ready?

  We aim to enter beta in ~1 month. Almost the entire team is focused on cleaning up the remaining bugs, and we’ll launch the beta as soon as we are confident that we have cleaned up the worst of them. The date we launch the beat will depend on the volume of new bugs reported over the next few weeks.

  When Will Divi 5 Be “Officially” Released?

  Divi 5 will reach its “final form” before the end of the year, with the ultimate goal of leapfrogging the competition before the year ends. Part of that goal involves aggressively developing new features as part of the feature swap.

  But don’t forget! Between now and then, you can use Divi 5 whenever it becomes your preferred experience. Instead of rushing to a final release, we’re maintaining both Divi 4 and Divi 5, giving users a choice.

  Once we’re confident in removing that choice, we’ll make it official, and everyone will get the Divi 5 upgrade notification.

  Jump Into Divi 5 Today

  The Divi 5 Public Alpha 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.