Lately, I’m excited to announce the discharge of Stacked and Nested Presets for Divi 5.

That is a shockingly tough improve that makes Divi’s preset-based design machine merely the most productive. Don’t skip the video beneath, as a result of in case you are a Divi consumer, this can be a characteristic you should grasp!

Now, you’ll stack a couple of presets on any staff or component, and you’ll nest staff presets inside of component presets.

Take a look at the next video to look the brand new characteristic in motion. 👇

Divi Presets Are Extra Flexible Than Ever

Presets are amazing, permitting you to create an arranged design machine to your web page this is simple to regulate. When mastered, they no longer most effective make designing websites extra amusing and no more tedious, however in addition they accelerate building and upkeep time (particularly when blended with Divi 5’s design variables).

As an example, as showcased within the video beneath, I will be able to create a default button preset for my web page, and all my buttons will inherit its base attributes. I will be able to additionally create selection presets and assign them to express buttons.

Once I edit a preset, all parts the use of that preset are up to date concurrently throughout my complete website online.

They paintings with a large number of CSS categories, aside from Divi’s presets are a lot more tough than the class-based design techniques of different developers, encompassing no longer most effective kinds but additionally structural output, backend common sense, and script information, which means that they may be able to do absolutely anything.

Stacked Presets

Now, presets are much more versatile. First, you’ll stack a couple of presets on any component or staff.

As an example, as showcased within the video beneath, my web page has alternating darkish and lightweight sections. It’s tremendous handy to create a mild mode preset that units my textual content colours to white, in order that I will be able to temporarily observe it each time I’m operating on a depressing background.

I even have handy presets that regulate textual content and symbol alignment. There are 3 presets for putting the picture: on the most sensible, at the left, and at the proper of my textual content. Presets make issues really easy!

However what if I need to use my left-aligned preset on most sensible of a depressing phase?

In the past, it’s essential to most effective use one preset consistent with component. Now, you’ll stack the ones presets on most sensible of one another, and the component will use each. As showcased within the video beneath, once I observe each presets, my component will get gentle textual content from the darkish mode preset and a left-aligned symbol from my left mode preset.

Nested Presets

Not like different developers, Divi’s preset machine has a novel edge, as presets can also be created no longer most effective on the component degree but also at the option level.

As an example, as showcased within the video beneath, I will be able to create a border-radius preset and use it on anything else. Since presets can also be stacked, I will be able to even make a base preset to regulate the border radius and stack further presets on most sensible to regulate border width and colour.

With a unmarried preset controlling the radius, just a unmarried preset must be up to date to regulate the border radius throughout all parts.

However right here’s the actual kicker: Now, you’ll nest choice presets inside of component presets.

Returning to the component presets I used to be operating with previous, I may just, as an example, nest my identify textual content preset within the base component presets I created for the blurb module.

Now, my identify textual content preset will get added mechanically once I use the dad or mum component preset, and I nonetheless have the liberty to make use of that choice preset explicitly on the component degree.

It sort of feels so easy, it’s virtually simple to overlook, however while you wrap your head round the concept that, you’ll notice how tough Divi’s preset machine has grow to be.

Take a look at Divi 5 Lately

Nested Modules for Divi 5 is to be had lately and is one of the options coming to Divi this yr.

You’ll practice alongside as we growth throughout the ultimate liberate of Divi 5 and past, with updates each two weeks. Relying to your priorities, you’ll use Divi 5 now or wait till we upload extra options, no matter works right for you.

We would like you to take a look at it, and when you like it, use it; when everybody loves it, we’ll make it legitimate.

Have You Attempted Nested Modules For Divi 5?

If you ignored it, we not too long ago launched Nested Modules for Divi 5.

It considerably complements the flexibility of Divi parts and lays the root for a complicated component-based menu builder. Now, you’ll upload modules inside of different modules, with endless nestability. Construct customized layouts inside sliders, tabs, accordions, and different parts.

Watch this video for the entire main points. 👇

Extra Divi 5 Updates Are On The Approach

2025 is the yr of Divi 5. The tedious paintings is at the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.

If you happen to’re right here for the Divi comeback, do us an enormous desire and tell us by means of liking this video and leaving a comment. It method so much to us to look you cheering Divi on, and it’s crucial to feed the set of rules and unfold the phrase.

Don’t fail to remember to follow us on YouTube and subscribe to the Divi newsletter so that you by no means pass over an replace. I’ll see you quickly for some other Divi 5 characteristic announcement, which I promise will likely be proper across the nook. 😁

The submit Stacked And Nested Presets For Divi 5 gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more