Carousels are a design element that almost every site needs, whether it’s for products, testimonials, or client logos. In the past, Divi users often relied on third-party plugins or custom code to achieve their desired results. With Divi 5, that’s no longer the case. The new Group Carousel…
Elegant Themes
What Is CSS Grid (& Why You Should Use It)
Designing a layout involves placing boxes on a page and ensuring they remain aligned when the screen size changes. For years, that meant working around limitations — floats, manual spacing, or building everything in one direction. CSS Grid changes the game. Rows and columns function as a single…
Everything You Need To Know About Divi 5 Woo Cart & Checkout Modules
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 these modules, providing a better understanding of how…
16 Blog Loops For Divi 5 (Free Download)
Blog Loops make it easier than ever to design article listings that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 16 unique Blog Loop designs, each built with Divi 5’s Loop Builder for precise…
How To Build A Masonry Blog With Divi 5’s Loop Builder + Grid
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 across breakpoints. In this post, we’ll walk through…
How To Create An Interactive Content Reveal Carousel With Divi 5
Two of Divi 5‘ s latest features, Interactions and the Group Carousel module, offer a way to create interactive, sliding carousels to help you showcase products, team members, testimonials, or anything you can imagine. In this post, we’ ll show you how to create an interactive content reveal carousel that…
How To Create A Grid Layout In Divi 5 (Step-By-Step)
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 how to build a Grid Layout using the…
How To Create A Carousel In WordPress
Websites packed with content can quickly feel overwhelming. Carousels solve this by allowing you to display multiple pieces without cramming everything onto a single screen. People can browse at their own pace while you keep pages looking clean. We’ ll show you how they work for websites, cover your…
How To Build A Video Carousel In Divi 5
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 cards, videos, and more. In a previous tutorial, …
Everything You Need To Know About Divi 5’s CSS Grid System
Divi 5 recently integrated a CSS Grid system that adds a full range of grid capabilities inside the Visual Builder. This new feature in Divi 5 allows anyone to build complex, responsive layouts without writing code. The CSS Grid system stands out for its flexibility and control in…
8 CSS Grid Layouts For Divi 5 (Free Download!)
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, and quick edits. Drop them into any page…
How To Add Lottie Animations To WordPress Websites
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 size without losing quality and play smoother than…
How To Add Lottie Animations In Divi 5 (Native Module)
Motion grabs attention much better than static images. Many people avoid adding animated graphics because they think it means installing lots of extra plugins, downloading big files that slow things down, or learning code. Lottie animations are different. They stay sharp at any size, load fast, and barely…
Introducing The Inspector For Divi 5
I am incredibly excited about this new Divi 5 feature because it will change how you work and give Divi an edge over other builders. It’s called the Inspector, inspired by a similar system in Figma, and now available for Divi, except even better! Inspect an element to…
How To Extend Presets With Divi 5’s New Extend Attributes
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 also faster to use. Extend Attributes is one…
How To Create A Logo Carousel In Divi 5
With Divi 5’s Group Carousel Module, you can build a logo carousel right inside the builder without relying on extra plugins. It’s a simple way to showcase client logos, partner badges, or featured brands in a scrolling strip that feels polished and professional. In this tutorial, we’ll walk…
How To Trigger Effects Using Mouse Movements In Divi 5 (Free Download!)
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 fine-grained control over how elements respond. Its Sensitivity…
Everything You Need To Know About Divi 5’s Custom Attributes
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 hardening continues, we’ ve released a few features that…
6 Email Popups For Divi 5 (Free Download)
Divi 5 Interactions makes it easy to build popups directly in the Visual Builder. This free pack includes 6 prestyled email popup Section layouts designed to look great out of the box and wire up quickly. Each layout pairs clean design with a ready-to-connect Email Optin Module, plus…
How To Find And Use Lottie Animations For Your Website
Animations can make your sites feel alive, but most designers avoid them because they slow down loading speeds. The choice seems simple: either you get a website that crawls or a fast-loading one that feels flat and lifeless. Well, that used to be the case until Lottie arrived….
