The Holy Grail layout earned its name because it used to be frustrating to build. Designers wanted a clean header and footer with two sidebars flanking a main content column, but making those columns behave, especially responsively, often required hacks… Continue Reading →
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 7. We release new Divi 5 versions… Continue Reading →
In modern web design, off-canvas design elements such as mega menus, slide-in sidebars, and interactive pop-ups are essential for creating engaging, user-friendly experiences without overwhelming the main layout. Divi 5’s Canvas system is a powerful new feature that lets you… Continue Reading →
Divi 5 introduces a system-wide update that changes how layouts are built. Every module now includes Layout controls in the Design tab. This means that modules can now act as their own layout containers using Flexbox and CSS Grid. Elements… Continue Reading →
Divi 5 makes it easy to build contact sections that look polished, professional, and ready for real inquiries. In this free pack, you will find 7 Styled Contact Sections, each designed to help visitors reach out quickly using clear layouts,… Continue Reading →
For years, Divi gave you CSS IDs and Classes for elements. That worked fine for styling and scripting, but attributes like ARIA roles or focus attributes, such as tabindex, required third-party plugins or custom code. Not anymore. Divi 5 introduces… Continue Reading →
With the release of Divi 5‘s CSS Grid feature, Divi users are equipped with intuitive tools to build layouts that adapt seamlessly across devices, eliminating the steep learning curve that comes with learning CSS code. At the heart of this… Continue Reading →
At its core, Flexbox is a powerful CSS layout model that gives you precise control over how items flow and align within a container. Divi 5 integrates Flexbox directly into the Visual Builder, turning every element into a flexible container…. Continue Reading →
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 6. We release new Divi 5 versions… Continue Reading →
Card layouts show up all over a site, but you often rebuild them from scratch or copy and paste the same stack of modules. Module Groups in Divi 5 allow you to bundle an image, heading, text, button, or any… Continue Reading →
Divi 5 makes it easy to build custom 404 pages that feel intentional, helpful, and on brand. In this free pack, you will get 8 different 404 Section designs in both styled and unstyled JSON files, so you can either… Continue Reading →
With each update, Divi 5 edges closer to its full release. It’s faster, more stable, and packed with features that set it apart from previous versions. The latest feature of Divi 5 is Divi Canvases, a powerful system for creating… Continue Reading →
Before CSS Grid in Divi 5, complex layouts often meant extra columns, negative margins, and duplicate sections. It wasn’t clean or flexible, especially when layouts needed to adapt across breakpoints. CSS Grid support in Divi 5 introduced a proper two-dimensional… Continue Reading →
Divi 5 makes it easy to build split screen layouts that feel modern, clear, and professional. In this free pack, you will get 5 Split Screen Sections, each designed to pair content and imagery side by side for immediate visual… Continue Reading →
Clickable areas, such as hotspots on your website, can reveal hidden content, trigger pop-ups, or launch animations, transforming static pages into interactive elements that guide people precisely where you want them to go. Divi 5‘s Interactions handles all of this… Continue Reading →
Another Divi Community staple is preparing for the next chapter. DiviFlash has been a cornerstone extension for Divi users who need more than the native modules can offer, and their team has been working diligently on Divi 5 compatibility. Divi… Continue Reading →
Capturing user attention requires more than static designs. Modern websites thrive on engaging, dynamic experiences that unfold as users scroll Divi 5‘s new Interactions feature allows designers to build scroll-triggered effects and animations that transform passive pages into captivating stories,… Continue Reading →
With Divi 5, CSS Grid is built into the Visual Builder, so you can create true two-dimensional layouts using rows and columns together without touching a stylesheet. That makes sticky sidebar layouts much easier to build, especially when it is… Continue Reading →
Divi 5 helps you remember and reuse your design decisions. Using presets, you can set your brand colors, button styles, heading sizes, and spacing once, and every new element you add can automatically follow those rules. This transforms your styling… Continue Reading →
Divi 5 makes it simple to build interactive sections that feel intentional, balanced, and on brand. In this free pack, you will get 5 Hotspot Sections, each designed to highlight key locations, features, or details in a clean and engaging… Continue Reading →
Visitors scan FAQ sections more than they read them. They skim headings, looking for the one question that matches their problem. When they can’t find it fast, it affects conversions. The solution doesn’t lie in writing better answers, but in… Continue Reading →
When it comes to ecommerce, standing out means ditching cookie-cutter templates for product pages that not only captivate but also convert. With Divi 5‘s Woo Product Modules, you can build high-impact product pages entirely from scratch, all while seamlessly integrating… Continue Reading →
Post displays keep visitors engaged with your content. They showcase what matters and encourage people to explore further. Static post loops work fine, but sometimes require an extra element to capture attention. That’s where carousels come in; they add movement… Continue Reading →
For years, Divi users relied on a block-based layout system that worked well at the time, but as WordPress page builders have evolved, limitations have emerged. Columns stacked predictably in rows, mobile reordering required duplicate sections or custom CSS, and… Continue Reading →
Divi 5 makes it simple to build bold hero sections and headline areas that feel intentional, balanced, and on brand. In this free pack, you’ll get 5 styled Large Text Sections — each crafted with strong typography, clear hierarchy, and… Continue Reading →
Managing dozens of color variations across a design system creates unnecessary chaos. You might spend hours adjusting tints and shades instead of building the actual website. However, there’s a way to build colors that are flexible, consistent, and easy to… Continue Reading →
Divi 5 offers Flexbox, Nested Rows, and CSS Grid, which, when combined, build a stunning structure that stays responsive all the time. You can create a parent grid for your main structure, then build smaller grids inside its columns to organize content… Continue Reading →
Before you publish a landing page, you scroll through one more time to check if everything looks right. But spacing that doesn’t match, incorrect colors, or different fonts can slip right past you. Divi 5’s Inspector tool solves this by… Continue Reading →
Building interactive elements that look good across every user action takes more effort than it should. You set up a button’s default appearance, then manually create variations for when someone hovers over it. Each state needs its own color, and… Continue Reading →
The WooCommerce Products Module is Divi’s built-in solution for displaying products. It automatically connects to your shop and provides quick toggles for product images, titles, prices, ratings, and add-to-cart buttons. Divi 5‘s new Loop Builder takes a fundamentally different approach… Continue Reading →
