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 use a ready-made design or start from a…
Elegant Themes
Everything You Need To Know About Canvases in Divi 5
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 off-canvas elements such as menus, pop-ups, sidebars, and…
Mastering Divi 5’s Grid Offset Editor
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 layout system that allows you to control structure…
Semtantic Elements & Custom HTML Wrappers For Divi 5
I am excited to introduce Semantic Elements & Custom HTML Wrappers for Divi 5. Now, you can change the element type of any module and utilize semantic tags like nav, section, header, and button to give inherent meaning to each. It’s important for accessibility and SEO, as it…
5 Split Screen Designs For Divi 5 (Free Download)
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 impact. Drop one onto any page, swap the…
How To Create Hotspots With Divi 5
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 without requiring any custom coding. We’ ll walk through…
5 Color Palettes For Balanced Web Design In 2026
Choosing colors with hex codes means guessing your way through lighter versions, darker buttons, and accessibility fixes. Divi 5 introduces a redesigned Color Picker with HSL controls to its new Color System, allowing you to build and scale palettes with ease. You can create lighter or darker accents…
Testing DiviFlash With Divi 5
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 5 is an architectural overhaul of the builder, …
How To Create Interactive Layouts On Scroll With Divi 5
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, guiding visitors through seamless interactions. In this post, …
How To Build A Sticky Sidebar Layout With CSS Grid In Divi 5
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 time to make them responsive. In this post, …
The Ultimate Guide To Presets In Divi 5 (Including New Features)
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 into a reusable system that maintains consistency without…
5 Hotspot Designs For Divi 5 (Free Download!)
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 way. Drop one onto any page, swap the…
Divi 5 Public Beta 5 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 5. We release new Divi 5 versions every two weeks, and each one improves upon…
Introducing Divi Canvases (Off-Canvas Menus, Popups & Canvas Portals 🤯)
I am excited to introduce Divi Canvases for Divi 5. A canvas is a workspace detached from your main post content. You can use them as staging areas for design updates, a place to organize off-canvas components, or simply as a safe space to experiment with new ideas….
How To Create Nested FAQs With Divi 5’s Nested Modules
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 better organization. So, in this post, we’ ll show…
How To Create Custom Product Pages In Divi 5 (New Woo Modules)
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 real-time WooCommerce data. In this post, we’ ll walk…
How To Create A Custom Post Type Carousel Loop In Divi 5
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 that actually makes people stop and engage. In…
How To Transition From Block To Flex In Divi 5
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 achieving perfect vertical centering felt like a battle….
5 Large Text Designs For Divi 5 (Free Download!)
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 flexible layouts so you can plug in your…
How To Design CSS Grid Layouts For Your Website
Building a CSS Grid layout isn’ t difficult to understand, but it can be challenging to execute cleanly. Sketching columns is easy. Keeping spans, gaps, and breakpoints in sync across pages is where most people stall. The good news: there are several ways to build real grids. You can…
