Divi 5 Sneak Peek! Advanced Units Including CSS Functions

I’m here to give you a sneak peek at a feature coming soon to Divi 5. With Divi 5’s foundation complete, we’re now focused on aggressive feature development, with new features in the works as part of the Divi 5 feature swap.

Every time we finish a feature, we start working on a new one, and every time we start working on a new feature, I’m going to tell you all about it!

Last week, we released Divi AI for Divi 5, and the team involved is already working on their next project: Advanced Units.

Advanced Units will introduce support for various CSS units, value functions, and variables to Divi 5.

Get all the details in this video. 👇

What Are Advanced Units?

With the introduction of Advanced Units, we will replace Divi’s existing unit fields and range sliders with a new multi-functional component. It will come with draggable anchors that mimic range slider functionality, clickable arrows from Divi’s existing unit fields, improved unit validation logic, unit quick selection, and support for CSS value functions and variables. It’s the one field to rule them all!

New Units And Unit Quick Selection

The new Advanced Units field will support a broader range of CSS units, with some of the most commonly used units available for quick selection. You’ll be able to type in any unit you like, and if you want some suggestions, you can check the unit picker.

CSS Function Support

More importantly, this new field will support CSS value functions, such as calc(), clamp(), min(), and max(), which are incredibly useful for designing responsive websites with fluid typography.

For example, you can use clamp() to scale text based on viewport width while preventing it from becoming too small or too large. clamp(5rem, 2vw, 10rem) ensures a title size of at least 5rem, scales with 2vw as the viewport changes, but does not exceed 10rem. This optimizes the text for readability across all screen sizes without responsive editing. And that’s just one of many applications.

CSS Variables And Dynamic Content

Finally, we will extend the Advanced Units field to support CSS variables, which you can define using Divi’s code fields at the page or website level.

And that’s not all! Soon, unit fields will support a new design variable system built into Divi, but that’s a sneak peek for another day.

Ok, fine, I’ll give you a little sneak peek of that too. 😁

Keep an eye out for this feature, which will launch very soon. We’re updating Divi every two weeks, and we’ll keep that momentum going all year!

Have You Tried Divi AI for Divi 5?

In case you missed it, check out my video from last week announcing the release of Divi AI for Divi 5. Our full suite of AI tools, including website, layout, section, module, text, image, and code generation, has been added to Divi 5.

When mastered, it can significantly improve your efficiency, and it feels like having a helpful designer, copywriter, developer, and photographer at your side.

Get all the details in this video. 👇

Many More Features Coming Soon

Let us know your thoughts in the comments or if you have any questions. Before you go, I have a favor to ask. We are on a mission to leapfrog the competition in 2025 with dozens of new features, and we want you to know about all of them.

That’s why you must subscribe to our YouTube channel, as it’s the primary way we spread the word (in addition to the Divi newsletter). Over 50% of our viewers keep returning to watch these updates but aren’t subscribers. If that’s you, consider clicking the subscribe button and following along as Divi makes its comeback.

All it takes is one little click. 😁

We will fill this year with feature announcements and sneak peeks you don’t want to miss. Stay tuned, and I’ll see you for another sneak peek, which I promise is right around the corner.