Sometimes a label or icon needs one extra line of context, but you don’t want to crowd the page. Tooltips are perfect for form hints, feature explanations, and subtle onboarding. In this post, we’ll show you how to create responsive hover/tap tooltips in Divi 5 with Interactions. Let’ s…
Elegant Themes
Everything You Need To Know About Divi 5’s Responsive Editor
With Divi 5, responsive editing gets simpler. The new Responsive Editor puts device, hover, and sticky states in one panel so you can see and adjust everything in context and at a much faster pace. In this post, we’ ll explore how the Responsive Editor works and how it…
The Power Of Flexbox In Responsive Web Design
Traditional layout methods often break at smaller widths. Content misaligns, spacing collapses, and manual fixes pile up. Flexbox solves this by defining relationships instead of fixed positions. In Divi 5, these controls live in the Visual Builder, and the new Flexbox release makes alignment, wrapping, ordering, and spacing…
A Beginner’s Guide To Flexbox CSS Properties
Good layout starts with a clear model for alignment and spacing. Flexbox provides that model by organizing content along a single axis with predictable control over direction, alignment, wrapping, and gap. This post covers the basics of these CSS properties and how they work together. After the fundamentals, …
Introducing CSS Grid For Divi 5
This is a big one. We built the best CSS Grid builder, and it’s available for Divi 5 today. It’s better than Elementor 🙉. It’s better than Bricks 🙈. Whether you want to master the grid or simply use Divi’s new grid templates, you will love this update….
How To Create A Custom Blog Post Loop With Divi 5’s Loop Builder
Your brand shouldn’t be constrained by a static layout, so we aim to provide you with full flexibility as Divi 5 continues to develop. Divi 5’s new Loop Builder is a great step in that direction; it lets you design an item once and loop it into dynamic…
How To Build A Portfolio Grid With Divi 5’s Loop Builder
A portfolio grid is a simple, effective way to showcase your work. With Divi 5’s Loop Builder, you can design a reusable card layout and let it auto-populate from your content directly in the Visual Builder. Unlike single-purpose modules, Loop Builder lets you use any Divi element, set…
Flexbox vs CSS Grid: How Do They Compare?
Flexbox and Grid are the two layout systems that define modern CSS. At first glance, they seem similar. Both handle rows and columns, manage alignment and spacing, and replace the old float-and-table workarounds. The real difference is in how they approach layout challenges and the kind of problems…
5 Carousel Designs For Divi 5 (Free Download)
The Group Carousel Module makes it easier than ever to create carousels that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 5 unique carousel section designs, each built to inherit your global styles for…
Everything You Need To Know About Divi 5’s WooCommerce Product Modules
Compatibility with WooCommerce has now been expanded to Divi 5, giving you full control over product pages without relying on WooCommerce’s built-in templates. The newly-integrated WooCommerce Product Modules let you design engaging, user-friendly layouts that match your brand and help boost sales, while tapping into all of Divi…
Testing Divi Ajax Filter With Divi 5
Divi 5 is moving fast, and the Divi Extension ecosystem around it is following suit. We are now seeing more third-party developers release Divi 5-compatible versions of their plugins, and that’s a positive sign. It means developers are ready to build for the next generation of Divi’s framework….
Divi 5 Public Alpha 23: Custom Attributes + 247 Bug fixes
The Divi 5 Public Alpha is available for use on new websites. If you use Divi 5, you’ ll notice an update notification for Public Alpha Version 23. We release new Divi 5 versions every two weeks, and it gets better each time. If you haven’ t tested Divi 5…
Introducing Custom Attributes For Divi 5
Today, we release Custom Attributes for Divi 5, which allows you to add any attribute, such as alt, title, rel, and aria-label, to elements and most sub-elements. Divi has had support for specific attributes, such as class and ID, but now you can add any attribute to any…
Understanding The Difference Between Triggers, Effects, And Targets In Divi 5
Divi 5’s new Interactions use a simple model — Trigger, Effect, Target. Separate what starts it, what happens, and what changes, and you can create clear, coordinated movement across your layout. In this post, we’ll explain each part, show how they fit together, and walk through a quick…
New Soap Starter Site for Divi (Quick Install)
Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch…
20 Flexbox Footers For Divi 5 (Free Download!)
Flexbox makes it easier than ever to create footers that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 20 unique Flexbox footer designs, each built with Divi 5’s Flex layout system for precise alignment…
How To Build A Custom Fullscreen Slider With Divi 5 (Free Download)
One of Divi 5‘ s latest releases introduces the Group Carousel Module, a feature for creating custom, engaging sliders and carousels for your WordPress site. You can easily showcase your portfolio, products, an immersive hero, or a fullscreen slider, and take your site’ s design to new heights. In this…
All Divi 5 Loop Builder Query Options Explained
The beauty of WordPress is that it is a content management system (CMS), not just a site builder. That means you can use its flexible content storage to set up a blog, create custom post types (like projects or real estate listings), and much more. Divi’ s Loop Builder…
Using The Blog Module vs Divi 5’s Loop Builder
The Blog Module is Divi’ s built-in feed generator that works out of the box. It gives you a fast way to list posts with toggles for titles, images, excerpts, and metadata. Divi 5’s new Loop Builder takes a different approach. You design the item with any modules, then…
Creating A Gap-Based Spacing System With Divi 5
Consistent spacing is the foundation of a polished, professional website. Instead of managing margins on individual elements one by one, you can rely on a single system that keeps layouts clean and balanced across your site. With Divi 5’s new Design Variables and Flexbox features, you can now…
