Stacked and nested presets for Divi 5

Lately I’ve been excited to announce the release of Stacked and Nested Presets for Divi 5.

This is a surprisingly difficult improvement that makes Divi’s preset-based design machine simply the most productive. Don’t skip the video below, because if you’re a Divi user, this is a feature you should pick up!

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

Check out the next video to see the brand new feature in motion.

The presets are amazing, allowing you to create an organized design machine for your web page that’s simple to adjust. Once mastered, they not only make effective website design more fun, not more boring, but they also speed up construction and maintenance times (particularly when combined with Divi 5’s design variables).

For example, as shown in the video below, I will be able to create a default default button for my web page and all my buttons will inherit its basic attributes. I will also be able to create selection presets and assign them to quick buttons.

Once I edit a preset, all the parts that use that preset are updated simultaneously throughout my online website.

Their paintings with a large number of CSS categories, aside from Divi presets, are much more difficult than other developers’ class-based design techniques, encompassing no longer the most effective types but also structural output, backend savvy, and script information, meaning they might 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.

For example, as shown in the video below, my web page alternates between dark and light sections. It’s extremely helpful to create a gentle mode preset that blends the colors of my text content to white, so I can temporarily observe it whenever I’m operating on a depressing background.

I also have convenient presets that adjust textual content and symbol alignment. There are 3 presets for positioning the image: in the most sensible part, to the left and to the right of my textual content. Presets make problems really easy!

But what if I wanted to use my left-aligned preset in the most sensible phase of a depressing phase?

In the past, it was essential to use a component-consistent preset most effectively. Now, you’ll stack the presets that make the most sense on top of each other and the component will use each one. As shown in the video below, once I look at each preset, my component will receive soft text from the dark mode preset and a left-aligned symbol from the left mode preset.

Nested presets

Unlike other developers, Divi’s preset system has an innovative advantage, since it is possible to also create presets that are no longer effective at the component level but also at the option level.

For example, as shown in the video below, I will be able to create a border radius preset and use it on everything else. Since presets can also be stacked, I’ll also be able to create a basic preset to adjust the border radius and stack additional presets on top of the ones that make the most sense to adjust the border width and color.

With one unmarried preset controlling the radius, only one unmarried preset needs to be updated to adjust the edge radius in all parts.

But here’s the real kicker: Now nest the presets of choice inside component presets.

Going back to the component presets I was working with previously, I could simply, for example, nest my identifying textual content preset inside the basic component presets I created for the Blurb module.

Now, my identifying text content preset will be automatically added once I use the Dad or Mom component preset, and I still have the freedom to use that preset choice explicitly at the component level.

It sounds so easy, it’s almost easy to overlook, but as you wrap your head around this concept, you’ll notice how tough Divi’s preset machine has become.

Check out Divi 5 Lately

Nested modules for Divi 5 have been available recently and is one of the options coming to Divi this year.

You’ll practice together as we grow through the definitive release of Divi 5 and earlier, with updates every two weeks. Depending on your priorities, you’ll use Divi 5 now or wait until we load extra options, regardless of whether it works well for you.

We would like you to take a look at it, and when you like it, use it; when everyone loves it, we will make it legit.

Have you tried nested modules for Divi 5?

In case you missed it, we launched Nested Modules for Divi 5 not too long ago.

It greatly complements the flexibility of Divi parts and lays the foundation for a complicated component-based menu builder. You will now load modules inside different modules, with infinite nesting possibilities. Build custom layouts within sliders, tabs, accordions and different parts.

Watch this video for all the main points.

2025 is the year of Divi 5. The boring paintings are behind us. We’ve built the superfast base and now it’s time for Divi to return.

If you are here for the return of the Divi, make a big wish and tell us by liking this video and leaving a comment. It’s so important to us to see you cheering for Divi, and it’s crucial to nurture the set of rules and explain the password.

Don’t forget to follow us on YouTube and subscribe to the Divi newsletter to never miss a replacement. See you soon for some more Divi 5 signature announcements, which I promise will probably be for everyone.

Submitting Stacked and Nested Presets for Divi 5 made the first impression on the Elegant Themes Blog.

wordpress Maintenance Plans | wordpress hosting

Read more