Posts

How To Create Equal Columns Heights With Flexbox In Divi 5

Image
Creating clean, professional layouts is a cornerstone of effective web design, and equal column heights contribute to a balanced layout. Whether you’re displaying products, services, or portfolio items, columns that align perfectly boost user experience. In Divi 4, equal columns were possible, but Divi 5 brings a lot more to the table. In Divi 5, the integration of its Flexbox Layout System improves the process, offering a simpler, more flexible way to create equal column heights. This post will guide you through creating clean, balanced layouts. Let’s dive in! Equal Column Heights In Divi 4 In Divi 4, achieving columns with equal heights was straightforward but limited. A toggle enabled all columns within a row to match the height of the tallest column. This feature was a lifesaver for maintaining visual consistency, but it had limitations that often required workarounds. The equal height effect in Divi 4 was applied to the column containers, meaning that background colors, imag...

New Group Carousel Module, Lottie Module And More!

Image
Today, we released three new modules for Divi 5 , including the much-requested Group Carousel module, which allows you to create any type of carousel or slider, including post-based carousels, using Divi 5’s new loop builder . We also added a Lottie module for easy JSON-based animations and an Icon List module for easy list creation. Divi 5’s new architecture makes module creation simple, so we’ll release a surprising amount of new modules after Divi 5’s official release. This is just an appetizer to hold you over while we focus on progressing to the beta phase next month. Check out the following video to see the new feature in action. 👇 Group Carousel Module The most important addition is the Group Carousel module. Unlike other carousels, each slide in the Group Carousel is a blank canvas; you can add any module to each slide to create any carousel or slider. You control the number of slides, the content of the slides, and other animation settings. Since groups can be styled...

Divi 5 Public Alpha 20: We’re On The Home Stretch

Image
The Divi 5 Public Alpha is available for use on new websites. If you use Divi 5 , you’ll notice an update notification for Public Alpha Version 20 . We release new Divi 5 versions every two weeks, and it gets better each time. If you haven’t tested Divi 5 yet, try it and let us know what you think. What’s New In Public Alpha 20? Since Public Alpha 19, we implemented 135 bug fixes and improvements, finished Loop Builder , and made significant progress on the new modules I sneak-peeked a couple of months ago . All of the features slated for the Public Beta are finished, except for Woo Modules, which are nearing completion. Almost the entire team is now in bug-bash mode, preparing for the release of the Public Beta. We’re on the home stretch! Feature Progress We’ve been sprinting forward incredibly quickly, launching 17 new features in the past six months. Now, we are transitioning from feature development to bug fixing and migration testing in preparation for the Public Beta. H...

The Flexibility Of Extending To Different Element Types In Divi 5

Image
Making design updates shouldn’t feel like checking boxes. But too often, even something simple, like changing a button style or updating a font, means editing each module manually. It’s slow, repetitive, and easy to mess up. Divi 5 fixes that with Extend Attributes , an upgraded version of Divi 4’s Extend Styles. It lets you apply a change once and extend it anywhere, even across different element and module types. In this post, we’ll look at how this flexibility can save you time and clean up your workflow. What Is Extend Attributes In Divi 5? Extend Attributes lets you extend styles, content, or presets from one element to others with just a few clicks without the need to edit each module manually. Subscribe To Our Youtube Channel But it’s not your typical copy-and-paste workflow ( we have that too , if you’re interested). Extend Attributes works across different element and module types, not just identical ones. For example, you can style a heading once and apply that same fo...