The latest feature of Divi 5 enhances its Preset-based system, allowing users to create reusable styles for use across pages and entire websites. Stacked Presets let you layer multiple Element or Option Group Presets, combining their effects for ultimate design… Continue Reading →
As a website grows, small styling differences, such as a border radius on a button or spacing in a heading, begin to appear across pages. Fixing them means repeating the same changes over and over. We introduced Presets a while… Continue Reading →
Every website owner wants an accessible website, but it often takes work and some research. While the average user can navigate a website without supporting technologies, many people, including potential customers and fans, rely on an unseen layer of your… Continue Reading →
Building layouts in Divi continues to become more advanced and intuitive. You can now place modules inside other modules with Nested Modules. You can also put rows inside rows; these are called Nested Rows. Both give you more design freedom,… Continue Reading →
Blind and low-vision users use screen readers to browse the web. These tools read your site out loud. Screen readers can only work with what your code tells them about the component. The site might work fine for sighted visitors… Continue Reading →
With the introduction of Divi 5‘s Flexbox Layout System and the Loop Builder, you can create modern, flexible designs with ease. Flexbox delivers intuitive, responsive layout control with effortless alignment and spacing. The Loop Builder integrates dynamic content from posts,… Continue Reading →
Nested Modules in Divi 5 allow every module to serve as a container, enabling you to place rows and other modules inside one another with infinite depth. You can place buttons inside a Blurb, a CTA inside a Blog module,… Continue Reading →
Divi 5 makes it easy to design custom product grids without code. In this free pack, you’ll receive 12 Shop Loops, all Unstyled, so they inherit your site’s global design variables for color, typography, and spacing. Use them inside the… Continue Reading →
Displaying a timeline on your website enables you to showcase your brand’s milestones or project history, providing visual interest for your visitors. Divi 5‘s Group Carousel module offers a fresh way to display this content in a scrollable, engaging format,… Continue Reading →
Divi 5 rolled out three productivity features: Extend Attributes, Find And Replace, and Inspector. They all help you work faster, and at first glance, they might look like they overlap. But each one handles different situations. In this post, we’ll… Continue Reading →
Divi 5 continues to add features that make it easier to design right inside the builder. The Group Carousel Module is one of them. It lets you build swipeable carousels that slide smoothly into your layouts. You can use it… Continue Reading →
Grid recently became an integrated part of Divi 5, bringing a different approach to building layouts. Grid gives you control over both horizontal and vertical placement simultaneously. That flexibility comes with a trade-off: there are way more settings to understand…. Continue Reading →
A steps carousel provides an effective way to display information in a structured, easy-to-follow format. With the new Group Carousel module in Divi 5, creating a steps carousel is easier than ever. This new module enables you to create custom… Continue Reading →
One of Divi 5‘s newest features, the Inspector, allows you to inspect and edit element attributes, such as colors, fonts, and presets, in a single, intuitive panel. Regardless of your skill level, this feature is a must-have for creating stunning,… Continue Reading →
Custom headers set your site apart, especially when millions of other websites are built with the same WordPress theme or template. This tutorial demonstrates how to create a custom header in Divi 5. You can download this header and 19… Continue Reading →
Flexbox dropped in Divi 5 a few weeks ago, and Grid followed soon after. Both tools control how your content is arranged on the page, providing you with two solid options to build layouts. But how are they different? They… Continue Reading →
In one of Divi 5’s latest updates, we’ve released the native Cart and Checkout Woo Modules that allow you to build custom checkout pages for your Divi site. In this post, we’ll explore the features, benefits, and setup process for… Continue Reading →
Thanks to new features in Divi 5, you can build modern, space-efficient blog layouts that go beyond rigid rows. Pair Loop Builder to pull in dynamic posts with CSS Grid to arrange them in flexible, masonry-style layouts that stay responsive… Continue Reading →
Divi’s new Grid Layout System opens up endless possibilities for creating intelligent layouts. For many, though, this is new territory, and wrapping one’s mind around some of these new input options could get confusing. That’s why we will walk through… Continue Reading →
Divi is adding even more features to your tool belt. The native Group Carousel Module has recently been released and comes standard with every Divi 5 website. It allows you to make a completely customized carousel for testimonials, products, feature… Continue Reading →
Divi 5‘s new Grid layout system makes it easy to build responsive, editorial-style sections that stay perfectly aligned at every breakpoint. In this free pack, you’ll find 8 prestyled CSS Grid section designs, each crafted for clean structure, strong hierarchy,… Continue Reading →
Website animations meant slow load times and choppy playback, forcing you to choose between compressed GIFs that looked terrible or massive video files that sent visitors running. Lottie changed that dynamic. These tiny JSON-based motion graphics scale to any screen… Continue Reading →
Among the many new builder features, Divi 5 also implements several efficiency improvements. These include improvements to the UI and those that help you with a smoother workflow. Not only is Divi faster (from a technical standpoint), but it is… Continue Reading →
The problem with most animation tools is that they swing from boring to chaotic with no middle ground. Either the effects aren’t visible, or a slight move of the mouse can send elements flying. With Divi 5’s Interactions, you get… Continue Reading →
Divi 5 is taking shape, and each step toward a full release packs even more possibilities than the last. Our team is officially in bug-bash mode and making sure what’s currently available is as stable as possible. Even as that… Continue Reading →
With Divi 5, responsive editing gets simpler. The new Responsive Editor puts device, hover, and sticky states in one panel so you can see and adjust everything in context and at a much faster pace. In this post, we’ll explore… Continue Reading →
Your brand shouldn’t be constrained by a static layout, so we aim to provide you with full flexibility as Divi 5 continues to develop. Divi 5’s new Loop Builder is a great step in that direction; it lets you design… Continue Reading →
The Group Carousel Module makes it easier than ever to create carousels that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 5 unique carousel section designs,… Continue Reading →
Compatibility with WooCommerce has now been expanded to Divi 5, giving you full control over product pages without relying on WooCommerce’s built-in templates. The newly-integrated WooCommerce Product Modules let you design engaging, user-friendly layouts that match your brand and help… Continue Reading →
Divi 5’s new Interactions use a simple model — Trigger, Effect, Target. Separate what starts it, what happens, and what changes, and you can create clear, coordinated movement across your layout. In this post, we’ll explain each part, show how… Continue Reading →
