Badges are a small part of web design, but they solve a very specific problem well. They add quick context without interrupting the rest of the layout. You see them on product cards, pricing tables, documentation pages, and feature lists because they can communicate something useful in very…
Elegant Themes
How Extend Attributes Helps You Design Faster In Divi 5
Divi 5 includes several features that help speed up your workflow and keep designs consistent as layouts grow more complex. Extend Attributes is one of the most practical because it lets you take styles, content, or presets from one element and apply them across other elements in just…
How Editable Theme Builder Areas Improve The Divi 5 Workflow
Building a complete website in Divi has traditionally involved a fair amount of back-and-forth. You’ d work on a page, notice something off in the header or footer, exit the builder, open the Theme Builder, make the fix, and then return to the page you were editing. It wasn’ t…
7 Inline Element Designs For Divi 5 (Free Download!)
Divi 5 makes it easy to add bold, eye-catching design details without overcomplicating your layout. In this free pack, you’ ll get 7 Inline Element Designs created for hero sections, promo blocks, featured announcements, CTA areas, and other content that benefits from decorative shapes, stylish text treatments, and layered…
Everything You Need To Know About Composable Settings In Divi 5
One of Divi 5’ s new features is Composable Settings, which lets you enable additional design option groups for module sub-elements directly inside the Visual Builder. Instead of being limited to a fixed set of controls, you can add the settings you need to elements such as titles, buttons, images, icons, and body…
How To Add Hotspots To Images In Divi 5
Showing less is sometimes how you say more. Put every detail on the page at once and visitors tune out. Strip back too much and you lose the context that builds trust. Hotspots solve that by hiding detail behind small, clickable markers placed exactly where attention already is….
Divi 5 Commands Every Power User Should Know
The Divi 5 Command Center is one of those features that does not seem like a big deal until you build with it for a few hours. Press CMD+K on Mac or CTRL+K on Windows, type what you want to do, and press Enter. No digging through menus, …
Building Interactive Image Cards With Divi 5’s Group Carousel Module
Adding a title or a link to an image card sounds simple, but fitting everything in without crowding the layout is where it gets tricky. Put all the content outside the image and the card can feel busy. Leave the image on its own and the layout can…
Editing Headers And Footers Faster With Divi 5 Editable Areas
Headers and footers appear across multiple areas of your site, so they are some of the templates you will revisit most often in Divi 5. A logo update, refreshed contact details, a new footer link, or a quick style adjustment are all small changes, but they used to…
Building An Image Hover Reveal Effect Using Divi 5’s Interactions
Images almost always share space with supporting content, such as titles, short descriptions, and links. A static layout can handle that well, but even a small hover interaction can make the entire composition feel more responsive. Instead of showing everything at once, the layout reveals extra content only…
4 Color Adjustment Designs For Divi 5 (Free Download!)
Divi 5 makes it easy to build cohesive layouts with a smarter, more flexible color workflow. In this free pack, you’ ll get 4 color adjustment design examples designed to show how powerful Divi 5’ s design variables can be in real layouts. Instead of manually styling every element one…
How To Create A Simple Woo Category Page With Divi 5
The new Woo Modules in Divi 5 give you much more control over how WooCommerce category pages look and function. Instead of relying on WooCommerce’ s default archive layout, you can build category templates visually inside Divi’ s Theme Builder. In this tutorial, you’ ll learn two practical ways to create…
How To Create A Card Carousel In Divi 5
Card carousels look deceptively simple: a row of cards, some navigation controls, and a bit of motion. But getting the structure, spacing, responsive behavior, and active-state styling right takes more work than it seems. With Divi 5, you can build this layout natively without relying on a workaround…
Divi 5.2 Release Notes
It’ s official; the beta phases have ended, and Divi 5 has arrived! This isn’ t the end; it’ s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5, you’ ll see a version 5.2 update notification today. What’ s New In…
How To Create Custom Star Rating Modules In Divi 5
Star ratings are one of the quickest ways to communicate trust and perceived quality on a website. Whether you are highlighting product reviews, service testimonials, or customer feedback, a well-designed star rating adds instant visual context. The challenge is making it look polished, reusable, and responsive without overcomplicating…
Everything You Need To Know About Divi 5’s New Menu Features
Divi has evolved into a modular, performance-focused platform with a more streamlined builder, a rebuilt framework, and ongoing feature releases. As Divi 5 development continues, new features are being rolled out regularly. One recent update introduced new menu features that let you build navigation directly inside the Visual…
6 Collages For Divi 5 (Free Download!)
Divi 5 makes it easy to build modern, image-driven layouts that feel polished without adding unnecessary complexity. In this free pack, you’ ll get 6 Collage Sections designed for hero areas, product spotlights, portfolio intros, creative landing pages, and other content that benefits from layered visuals and clean typography….
Composable Settings for Divi 5 (Hundreds of New Options)
I am excited to introduce Composible Settings for Divi 5, allowing you to enable any of Divi’s design options for any module sub-element. This update completely harmonizes the available settings for Divi modules, which means you’ll never have to use CSS to fill the gaps; enable sizing options…
How To Build A Floating Image Animation In Divi 5
Floating images are elements that appear to hover and drift above the page, creating depth and organic motion without any user interaction. You’ve seen them on agency sites, SaaS landing pages, and portfolio headers—images that gently bob and sway as if suspended in space. The effect transforms static…
How To Create Dynamic Navigation Using Divi 5 Menu Loops
Divi has always connected to WordPress menus through the Menu module. What the new Link module, Dropdown module, and Menu query type in the Loop Builder add is compositional control. Instead of relying on a pre-packaged menu component with a fixed structure and styling constraints, you can now…
