Lately, we introduce the all-new flexbox-based format device for Divi 5.
That is no minor replace. It reinvents Divi, permitting you to construct any format construction, together with responsive format breakdown, customized module ordering, simple vertical alignment and part positioning, and a lot more.
No stone used to be left unturned, no choice used to be forgotten—we did all of it, and it’s easiest in school.
Take a look at the next video to peer the brand new characteristic in motion. 👇
Divi 5’s All-New Structure Machine
We reinvented Divi’s format device and added many new row templates and format choices. You’ll create any format the use of flexbox, nested rows, and module teams!
The brand new format device makes controlling part positioning, spacing, wrapping, and ordering simple.
A Tough Variety Of New Flexbox Row Templates
You’ll first understand a number of new row templates, together with nested multi-row choices. There’s so a lot more variation to be loved!
You aren’t restricted to those templates; they’re handy pre-built examples. While you dig into the settings panels, there aren’t any guardrails; you’ll upload as many columns as you wish to have and provides them any measurement you wish to have, nesting rows inside columns to create any format.
Flexbox Controls For The whole lot
New flexbox choices are to be had for the whole lot. You’ll regulate format wrapping, route, ordering, spacing, kid part positioning, and extra—no hacks, no JavaScript, no mess, simply intuitive controls that paintings splendidly.
Responsive Row Buildings
Development responsive web pages hasn’t ever been more uncomplicated.
At each and every breakpoint, you’ll assign other constructions to a unmarried row. It’s that easy, and Divi does it higher than another builder, permitting you to totally become each and every instrument’s format. You’ll additionally customise the dimensions of columns on each and every instrument and regulate any flexbox surroundings.
Responsive Component Ordering
Responsive part ordering is a breeze.
You’ll simply alternate the route wherein parts glide on each and every instrument and the order of particular person parts. You’ll totally alternate each and every instrument’s row construction, then re-order issues optimally inside that new construction.
Simple Kid Component Positioning
Flexbox makes positioning parts inside their father or mother packing containers a lot more practical.
You don’t want to use JavaScript or absolutely-positioned parts; for instance, centering parts vertically inside a column is only a click on away.
Unifying the peak of parts is simply as easy. For instance, it’s simple to make all columns in a row the similar top, or all modules in a column the similar top.
Deprecating Forte And Fullwidth Sections
We deprecated forte and full-width sections, very much simplifying Divi’s structural parts (Present full-width and forte sections will proceed running; we simply got rid of the choice so as to add new ones).
You’ll do all of it (and extra) with common flexbox rows, so there’s no want for various segment sorts. Distinctive full-width modules were renamed and made to be had in usual sections, supplying you with extra flexibility.
Never-ending New Structure Probabilities
There are too many settings to hide and probabilities to discover, however something is obvious: Divi’s format device of the long run is right here, and development Divi web pages won’t ever be the similar.
Earlier than I wrap issues up, let’s display a couple of ingenious layouts constructed with Divi’s new format device. You’ll additionally obtain the layouts and test them out for your self.
We Threw In A Few Surprises As Neatly
You’ll understand a couple of different wonder enhancements on this replace.
- Vital Pace Enhancements – You’ll understand that the builder is much sooner when modifying huge, advanced layouts. With the creation of infinitely nestable rows and new container parts, you presently have the liberty to construct very advanced designs. With this replace, we ensured the builder continues to be lightning instant, even if your layouts get loopy. It’s an evening and day distinction!
- New Column Choices – All grid modules, such because the Gallery and Portfolio modules, have new column settings that help you regulate the column construction of the grid at each and every breakpoint.
- Fullwidth Module Renaming – The Fullwidth Header module has been renamed Hero, and the Fullwidth Portfolio module has been renamed Submit Carousel. Each modules can now be utilized in usual sections.
- New Submit Sort Choices for Submit Carousel – The newly-named Submit Carousel module has a brand new Submit Sort surroundings, permitting you to fill the carousel with posts of any kind.
Check out Divi 5 Lately
Flexbox for Divi 5 is to be had these days, and it’s one of the options coming to Divi this 12 months.
You’ll observe alongside as we development in the course of the ultimate free up of Divi 5 and past, with updates each and every two weeks. Relying in your priorities, you’ll use Divi 5 now to construct new web pages or wait till we upload extra options, no matter works right for you.
As defined in Divi 5’s authentic multi-phase free up agenda, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s lacking a couple of options and is probably not appropriate for current web pages, nevertheless it’s in a position for use on new web pages when you favor the revel in to Divi 4.
We wish you to take a look at it, and when you find it irresistible, use it; when everybody loves it, we’ll make it respectable.
Have You Attempted Interactions?
We just lately launched Interactions for Divi 5, a powerful device for developing interactive parts equivalent to popups and toggles, and inventive scroll-based and mouse-movement-based results. It’s no longer a pop-up builder; it’s an the rest builder. Create a cause, assign an impact, make a selection a goal, and produce your customized interactions to lifestyles. There’s a hyperlink within the video description to be informed extra.
Watch this video for all of the main points. 👇
Extra Divi 5 Updates Are On The Method
2025 is the 12 months 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.
In the event you’re right here for the Divi comeback, do us an enormous choose and tell us through liking this video and leaving a remark. It way so much to us to peer you cheering Divi on, and it’s very important to feed the set of rules and unfold the phrase.
Don’t put out of your mind to observe us on YouTube and subscribe to the Divi publication so that you by no means leave out an replace. I’ll see you quickly for any other Divi 5 characteristic announcement, which I promise might be proper across the nook. 😁
The put up Divi 5’s Flexbox Structure Machine Has Arrived gave the impression first on Chic Topics Weblog.
WordPress Web Design