Divi 5.5 Release Notes
It’s official; the beta phases have ended, and Divi 5 has arrived!
This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5, you’ll see a version 5.5 update notification today.
What’s New In Divi 5.5?
We implemented 58 bug fixes and improvements, along with a bunch of new features: Aspect Ratio, Framing & Image Preset, and the all-new Sizing Variable & Colorscheme Generators.
The majority of our team is focused on bug fixing and overall stability. However, after months of doing nothing but fixing bugs, we are slowly transitioning back to feature development.
That means the rate of innovation will accelerate significantly over the next few months.
If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us!
Aspect Ratio, Image Framing & Image Presets
We released tons of new image-related features in Divi 5.5.
First, we added new aspect ratio settings to all images. Elements with aspect ratios scale proportionally across different screen sizes.
Next, we added framing settings that allow you to reposition cropped images within a defined aspect ratio. Take any image, regardless of its size, and make it fit perfectly into your design! It’s a great way to make perfect-looking loops.
Finally, we enabled option presets for the image option group. That’s huge! Now you can manage the style of all the images in every Divi module using Divi’s preset-based design system.
Sizing Variable & Relative Colorscheme Generator
We released the Sizing Variable & Colorscheme Generators in Divi 5.4 🎉.
At the core of Divi 5’s design system are variables and presets. With advanced units, you can create fluid, responsive sizing systems using clamp(). With relative colors, you can create mathematically beautiful color systems using HSL. When you set everything up correctly, it makes managing your website so much easier.
But, setting up all your color and number variables takes time, and learning clamp() can be intimidating.
That’s where the new variable generator comes in, allowing you to spin up an entire sizing and color variable system automatically in a few clicks. It’s easy for beginners because Divi does the work for you, but it also offers all the controls you could ever ask for, allowing CSS experts to fully customize their systems.
What’s Coming Next?
Modules. Lots of modules!
In fact, you may have noticed that we already snuck in a couple of new modules, including Breadcrumbs and SVG. Did you notice, or did they fly under your radar?
There’s more coming. We’re working on a timeline module, new form-styler modules for the most popular form plugins, a table of contents module, an Instagram feed module, and more!
The next time you add a new module to a page, browse the list; you might find something new. 😉
That’s not all we are working on either, but more to come on that in my next update. Big, exciting changes are on the horizon.
Changelog
Here is a list of all fixes and improvements included in this update.
- Fixed slider-family module conversion fixtures so generated module-library attrs data stays in sync with conversion expectations.
- Fixed Contact Form Contact Button custom CSS hover styles so they trigger only on button hover, not on the form container hover.
- Fixed the Divi Library “Layout Type” dropdown alignment in the Add New Layout modal for WordPress 7.0 compatibility.
- Fixed an issue where deleted global colors were not restored when re-importing variables from the same export file.
- Saturation filters now clamp to grayscale at minimum.
- Fixed the Visual Builder left toolbar so all actions stay reachable on short desktop viewports.
- Fixed Theme Customizer preview so global Row Height only affects block layout rows, matching the front end and Divi 5 flex/grid layouts.
- Fixed Contact Form submit button sizing so Design → Button → Sizing width and alignment behave correctly in the bottom row, including beside the optional math captcha.
- Fixed release CI so type checking is gated and executed for relevant JS/TS changes.
- Fixed an issue where the Show Theme Builder Layouts option appeared in Builder Settings for users who were not allowed to load Theme Builder layouts, so the setting had no effect.
- Fixed Menu and Fullwidth Menu: WooCommerce cart quantity responds to responsive changes; show cart quantity on the front end so it matches the Visual Builder.
- Fixed the layout import progress bar fluctuating during multi-file imports, by ensuring progress only moves forward.
- Theme Customizer Heading Text Color now applies its default #666666 value to Builder 5 front-end headings.
- Fixed pasted inline title text duplication after blur.
- Fixed builder-enabled CPT single frontend parity by removing legacy container/sidebar/meta-wrapper output.
- Fixed a PHP 8 fatal error in Divi when certain plugins left the template global in an unexpected shape during admin post list screens.
- Improved AI post management tools by reusing existing page tools with a postType option, including support for custom post types.
- Fixed an issue where the AI Agent chat history was lost when dragging the chatbot panel between docked and floating positions.
- Added and hardened the SVG module workflow so editors can render and style sanitized inline SVG from code or uploaded source with consistent VB/FE behavior.
- Fixed Constant Contact email provider authentication by migrating to API v3 with OAuth 2.0 support. Added automatic token refresh to prevent authentication failures when tokens expire. Fixed a critical bug preventing JSON response decoding for email providers and spam protection. Improved error message display for subscription failures. Added error handling for OAuth authentication failures in Divi 5. Enabled management of email accounts with no lists.
- Fixed the Person module after the D4 to D5 migration so the image and text stay side-by-side, and the image column no longer forces full-width in the flex layout.
- Fixed the wrong color being set as the default heading color in the Theme Customizer.
- Fixed example extension webpack watch mode repeatedly recompiling because conversion-outline.json was rewritten on every build, even when its content did not change.
- Fixed the D4-to-D5 conversion so free-form custom CSS on the example D4 module migrates into Divi 5 like core modules.
- Fixed Icon List Item text so spaces around inline HTML tags display correctly on the front end, and allowed HTML in the list item text element metadata for consistent Visual Builder handling.
- Fixed an issue where product dynamic content options could be missing in the Visual Builder due to incorrect post context during after-app-load settings data resolution.
- Fixed a Divi 5 portability issue where imported Lottie modules could keep source-site JSON URLs; same-site JSON assets are now transferred and rewritten during import.
- Fixed Column “Apply Structure Template,” so Flex structure templates appear when the column uses Flex layout, not only Grid templates.
- Fixed a VB and front-end color mismatch for heading, body, and link text colors by emitting CSS global variable rules in the customizer CSS output for Divi 5.
- Added task documentation for the Divi 5 global text color parity fix, tracked under issue #49186.
- Woo Checkout Billing and Shipping Select2-backed fields now apply. Fields’ hover text color should match the standard checkout fields.
- Fixed module links with multiple query parameters so URLs with & no longer broke redirects on the frontend.
- Fixed a CSS numeric typing regression that caused TypeScript check failures when parsed numeric values reached string-only consumers.
- Added new aspect-ratio settings to the sizing group for all modules.
- Added new framing settings to all modules with images, including object fit and position.
- Implemented image group presets and updated all modules with images to support the new preset type.
- Harmonized the settings available in the image group for all modules.
- Enabled composible settings for image option groups.
- Fixed image animations not working for the post carousel module when enabled via composable settings.
- Added AI Agent canvas tools in Divi 5 so the assistant can discover, create, switch, configure, and manage canvases through natural-language workflows.
- Added AI Agent tools for creating, updating, trashing, and searching pages, plus tools to publish, unpublish, or schedule page status—enabling page lifecycle operations outside the Visual Builder.
- Fixed an issue where Contact Form Basic Captcha errors could show a message without the expected red error border on the captcha input.
- Fixed duplicate module groups appearing in the interaction target selector when using Theme Builder layouts.
- Fixed global instances in Wireframe default view so nested modules under a global layout render in the wireframe tree on first load instead of only a single Global Layout row.
- Fixed global layouts not expanding in Wireframe view on first Visual Builder load when Wireframe was the default view mode.
- Fixed Visual Builder failing to load when divi/global-layout blocks contained pathologically nested localAttrs from repeated save/port round-trips (#46915).
- Fixed Image module borders so rounded corners no longer show gaps on small images.
- Fixed Sendinblue (Brevo) Email Optin custom field values not saving when the field name’s casing differed from the value sent from the form.
- Fixed duplicate frontend CSS rules when Theme Builder layouts were used, so unified static CSS no longer repeated the same module styles for the main content.
- Fixed inconsistent Theme Builder control heights on WordPress 7 by no longer loading core forms.css on the Theme Builder admin screen.
- Fixed the Portfolio module in the Visual Builder so grid row classes (first_in_row, last_in_row, and on_last_row) match the frontend, including when the module is the last content module in a column. Also fixed CI performance test failures by using requestIdleCallback to defer grid calculations until the browser is idle.
- Fixed a Slider true parallax transition issue where background images could jump or render inconsistently during slide changes.
- Woo Checkout Billing and Shipping select-backed fields now respect configured default, focused, and open Fields text colors in Visual Builder and frontend rendering.
- Fixed an issue where background images set via image global variables in presets did not render on the Front End.
- Fixed border inheritance so side-specific border styles defined are no longer overridden by newly set all border widths.
- Fixed the Website Gutter Width Theme Customizer setting not auto-applying to existing pages.
- Fixed the Blurb module’s preset Icon Font Size not applying to the icon in the Visual Builder.
- Fixed an issue where the module settings panel height could change unexpectedly after switching between modules and reopening the same module settings.
Jump Into Divi 5 Today
It’s official. Divi 5 is ready for production. Give it a try, and let us know what you think!
If you are brand new to Divi 5, we suggest familiarizing yourself with its many new features; there’s much to explore.
- The Divi 5 page provides a good overview of some of its most exciting changes.
- Our help center has nearly 200 articles focused on Divi 5.
- On the blog, the Divi Resources category features hundreds of long-form tutorials that explore every aspect in depth.
- On YouTube, we have many videos that walk you through each new update.
- Plus, our Fin chatbot is trained on everything and can answer questions instantly! Behind the chatbot is our support team, ready to chat with you and help you through the transition.
The post Divi 5.5 Release Notes appeared first on Elegant Themes Blog.
The Tech Zone
Comments
Post a Comment