elegantthemes.com

How To Add Aria Attributes To Modules In Divi 5

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 website. Subscribe To Our Youtube Channel Screen readers and other assistive technologies tap into this …

elegantthemes.com

Using Nested Modules vs Nested Rows In Divi 5

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, and both sound pretty similar when you first hear about them. However, they operate at …

elegantthemes.com

How To Add ARIA And data-* Attributes In Divi 5

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 who don’t use assistive technology, but it becomes a mess for anyone relying on assistive …

elegantthemes.com

10 Creative Testimonial Designs For Divi 5 (Free Download)

Divi 5 makes it simple to add social proof that actually looks good. In this free pack, you’ll get 10 Styled Testimonial Sections — each crafted for clean typography, balanced spacing, and strong contrast out of the box. Drop one onto any page and swap the content. No extra setup required. Preview Here’s a quick …

elegantthemes.com

Leveraging Divi 5’s Flexbox & Loop Builder For Advanced Layouts

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, products, or custom fields into your website. Together, these features unlock a world of creative …

elegantthemes.com

Everything You Need To Know About Nested Modules In Divi 5

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, or custom layouts inside an Accordion with ease. In this post, we’ll dive into what …

elegantthemes.com

4 Creative Carousel Transitions You Can Apply In Divi 5

Great carousels do more than slide left and right, they guide attention and create rhythm. With Divi 5’s new Group Carousel module, you can shape transitions visually inside the builder without writing a line of code. Subscribe To Our Youtube Channel By styling the active slide differently from the surrounding ones, you create hierarchy, flow, …

elegantthemes.com

Divi 5 Public Beta 2 Release Notes

The Divi 5 Public Beta is available today. If you prefer the experience to Divi 4, it’s ready for use. If you use Divi 5, you’ll notice an update notification for Public Beta 2. We release new Divi 5 versions every two weeks, and each one improves upon the last. If you haven’t tried Divi …

elegantthemes.com

📣 The Divi Black Friday Sale Starts Early This Year!

Mark your calendar — our Black Friday sale launches Tuesday, November 25th at 7 a.m. PT with unprecedented discounts, exclusive Divi 5 bonuses, and prizes worth thousands. This year is different. Divi 5 has arrived, and if you’ve been waiting for the perfect moment to upgrade to lifetime or bundle your subscriptions, this is it. …

elegantthemes.com

Stacked And Nested Presets For Divi 5

Today, I am excited to announce the release of Stacked and Nested Presets for Divi 5. This is an incredibly powerful upgrade that makes Divi’s preset-based design system simply the best. Don’t skip the video below, because if you are a Divi user, this is a feature you must master! Now, you can stack multiple …

elegantthemes.com

12 Shop Loops For Divi 5 (Free Download)

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 Theme Builder to power shop, category, and product archive templates, or drop them onto any …

elegantthemes.com

Using The Divi 5 Inspector To Adopt Design Variables & Presets

You’ve imported a layout that looks great, but it uses its own colors, fonts, and module styles. How do you make it match your site’s design system without rebuilding every section? That’s where the Divi 5 Inspector comes in. It allows you to open any module, view the active design settings, and replace them with …

elegantthemes.com

Why Microinteractions Matter (And How To Add Them Without Code)

A great website doesn’t just display information, it also provides valuable insights. It responds to you. People who interact with your site expect instant feedback confirming their actions have been registered. Without these small responses, visitors get frustrated and leave. In this post, we will explain why these elements matter and show you exactly how …

elegantthemes.com

How To Migrate Your Website To Divi 5 (Public Beta)

Divi has undergone significant evolution up to the release of Divi 5 Beta. We have been on a journey to rebuild a new Divi that prioritizes performance, rapid feature development, and a new future for Divi users. However, the prospect of migrating an established website can raise legitimate concerns about compatibility, site uptime, and a …

elegantthemes.com

How To Build A Timeline Carousel With Divi 5

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, perfect for storytelling on your website. In this post, you’ll discover how to use the …

elegantthemes.com

Customizing Layouts Packs With Divi 5’s Inspector (So Easy)

Layout Packs provide a fast head start, but they rarely align with your brand out of the box. Swapping colors, fonts, and images across dozens of modules means you’re suddenly an hour deep into work you thought would take ten minutes. Divi 5’s Inspector streamlines the entire process. Right-click any section, see everything inside it, …

elegantthemes.com

11 Flexbox Pricing Menus For Divi 5 (Free Download)

Divi 5‘s modern design tools make it easy to build clean, conversion-focused pricing layouts. In this free pack, you’ll find 11 Pricing Menus — each available in a Styled version for a polished look out of the box and an Unstyled version that inherits your site’s global colors and fonts. Drop them into any page …

elegantthemes.com

How To Build A Product Carousel Loop In Divi 5

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 to showcase products, highlight testimonials, or even create a fullscreen hero slider. In this tutorial, …

elegantthemes.com

The Power Of Divi 5’s Loop & Theme Builder Combined

If you’ve spent any amount of time building websites with WordPress and/or WooCommerce, you know that it can be time-consuming to display your content the way you actually want. With the combination of Divi 5‘s Loop Builder and Theme Builder, those frustrations are a thing of the past. These features enable you to create flexible …

elegantthemes.com

5 Ways You Should Be Using Popup On Your Website

Popups get a bad reputation, but that’s only because most websites misuse them. When you build them with purpose and timing in mind, they turn casual browsers into subscribers and window shoppers into buyers. We’ll show you five ways to use popups people want to see. As a bonus, we’ll also show you how Divi …

elegantthemes.com

How To Master Grid Responsiveness In Divi 5

Responsive grids shouldn’t require dozens of media queries and custom CSS overrides. But until recently, that’s exactly what most page builders demanded. Divi 5’s CSS Grid framework changes that, providing you with layouts that adapt fluidly across screen sizes without requiring a single line of code. Whether you’re building a simple card grid or a …

elegantthemes.com

Understanding Every Grid Setting In Divi 5

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. The Visual Builder now includes about 15 Grid options, which all work together to control …

elegantthemes.com

How To Build A Steps Carousel With Divi 5

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 carousels using any Divi module, supports dynamic looping for scalable content, and provides advanced styling …

elegantthemes.com

8 Cloud Sections For Divi 5 (Free Download)

Divi 5‘s modern design tools make it easy to build playful, cloud-style sections. These are soft cards that feel light, flexible, and perfect for teams, features, tags, or CTAs. In this free pack, you’ll find 8 Cloud Sections, each crafted for smooth shapes, subtle depth, and quick edits. Drop them into any page and swap …

elegantthemes.com

How To Use CSS Grid In WordPress

CSS Grid gives you two-dimensional control so you can place items exactly where they belong, instead of fighting stacks and columns. It’s like giving your page a simple map where you can drop elements into clear spots and let the grid handle the layout. In this post, you’ll learn how to use grids in WordPress …

elegantthemes.com

How To Add CSS Classes And ID Attributes In Divi 5

In older versions of Divi, you’d find separate fields in the Advanced tab to add CSS IDs and Classes. In Divi 5, those fields are no longer there. But nothing’s actually missing. Everything moved into Attributes under the same Advanced tab. You can still add IDs and Classes exactly like before, plus any other custom …

elegantthemes.com

Introducing Nested Modules For Divi 5

I am excited to introduce Nested Modules for Divi 5, which will significantly enhance the versatility of Divi elements and lay the foundation for an advanced component-based menu builder. Now, you can add modules inside other modules, with infinite nestability. Build custom layouts inside sliders, tabs, accordions, and everything else. Add a button to your …