Posts

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

Image
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 tools. Adding the right attributes helps address many of these issues. Divi 5 makes it painless with Custom Attributes , letting you add what’s needed without digging through code or wrestling with workarounds. Let’s have a look! Why Attributes Matter For Your Website HTML attributes fall into several groups, each handling a specific task. Accessible Rich Internet Applications (ARIA) attributes inform screen readers about the functions of interactive elements, enabling users to navigate and interact with content more effectively. Subscribe To Our Youtube Channel For example, a screen reader might announce whether a toggle is “on” or “off.” Likewise, form fields rece...

🤯 $730,400+ Black Friday Prize Reveal! (11 Free Products Per Person)

Image
Our Divi Black Friday Sale isn’t just about the best discounts of the year — it’s about unlocking exclusive rewards. This year, we’re giving away thousands of premium products from the Divi Marketplace valued at over $730,400. You could walk away with up to eleven free prizes just by participating. In this post, we’ll give you a sneak peek at the prizes you can expect this Black Friday. Plus , almost every prize we are giving away is either compatible with Divi 5 , or has a Divi 5 beta version ready for testing! And with discounts like 80% off Divi Pro and 70% off Divi AI, our Black Friday Sale is the best time all year to upgrade your website-building toolkit. Be sure to add the event to your calendar so you’re ready when it goes live on November 25th at 7 a.m. PT ! And don’t forget to enter our raffle for a chance to win a free iMac or one of fifty Divi AI memberships before the sale starts. Mark Your Calendar Enter The Raffle For Free What Makes This Divi Black Friday Sale...

10 Creative Testimonial Designs For Divi 5 (Free Download)

Image
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 look at all 10 Styled Testimonial Sections included in the pack. The download is further down the post. Subscribe To Our Youtube Channel Download 10 Styled Testimonial Sections For Divi 5 Get all 10 sections for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files Download For Free Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access t...

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

Image
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 possibilities, allowing you to build advanced layouts, such as custom portfolios, sleek e-commerce grids, or responsive event calendars, without relying on third-party plugins. In this post, we’ll dive into how Flexbox and Loop Builder work and explore practical examples like dynamic grids and carousels, and share pro tips to help you build stunning, scalable layouts with Divi 5’s Public Beta release . Let’s get started! Understanding Flexbox In Divi 5 Flexbox is a CSS model designed for the efficient arrangement of elements, allowing precise control over spacing, alignment, and ordering within a container. I...