With the Loop Builder feature in Divi 5, you can easily create a responsive grid using the free version of Advanced Custom Fields (ACF). In this post, we’ll demonstrate how to configure ACF, set up CSS Grid, and use the… 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 →
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…. Continue Reading →
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… 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‘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… Continue Reading →
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,… Continue Reading →
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… 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 →
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… Continue Reading →
Divi 5 is here. Not in some distant future, not in a limited capacity. It’s here now, it’s being used on many production sites, and it’s waiting for you to start using it. Now, the question isn’t whether to migrate… 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 →
Time for another Divi 5 freebie! This time around, we’re providing you with 6 Off Canvas Menus, each available in two versions. Default (inherits your global styles) and Prestyled (ready-made look). Import them to your Divi 5 Library, assign them… 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 →
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… 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 →
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… Continue Reading →
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… 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 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… Continue Reading →
