Posts

How To Create Text Badges In Divi 5

Image
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 little space. Labels like New , Sale , Beta , or Popular are simple, but they help guide attention and clarify meaning at a glance. That is the real value of a badge. It does not carry the whole design. It adds a clear visual signal exactly where it is needed. The good news is that this kind of detail is easy to build in Divi 5 . You do not need a plugin or a workaround to create a clean text badge. With the right mix of text styling, spacing, background, and sizing, you can build one quickly and make it fit naturally into the rest of your site. What Are Text Badges? Text badges are short, styled labels that add context without taking up much space. You will see them clipped to product cards, t...

How Extend Attributes Helps You Design Faster In Divi 5

Image
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 a few clicks. That makes it especially useful during the build’s refinement stage. If you need to match spacing across repeated modules, sync button styles, clean up imported sections, or roll out a design change without manually updating each element, Extend Attributes can save significant time. It also fits naturally into Divi 5’s broader workflow without making the process feel repetitive or manual. Here are three practical scenarios that show how it works. What Extend Attributes Does Extend Attributes lets you take attributes from one element and apply them across your layout in a few clicks. You can choose what to extend, whether styles, content, presets, or a combination, then define the scope...

How Editable Theme Builder Areas Improve The Divi 5 Workflow

Image
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 a dealbreaker, but it added friction to a full-site build with multiple templates and global elements in play. Divi 5 now lets you edit Theme Builder areas directly in the builder, regardless of whether you’re working on a page or a template-generated view. That sounds like a small change until you consider how much of a site build happens in those constant trips between content editing and template editing. What Is Full Site Editing In Divi 5? Divi has always been more than a page builder. With the Theme Builder, you could already create custom headers, footers, blog post templates, product templates, category templates, and other structural parts of your site. What changes in Divi 5 is the editing experience...

7 Inline Element Designs For Divi 5 (Free Download!)

Image
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 visual accents. Drop one into any page, swap the content, and you’re ready to go. Preview Here’s a quick look at the 7 Inline Element Designs included in the pack. The download is further down the post. Subscribe To Our Youtube Channel Download 7 Inline Element Designs For Divi 5 Get all 7 designs for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files Download For Free Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time....

Everything You Need To Know About Composable Settings In Divi 5

Image
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 text without relying on custom CSS for common styling gaps. In this post, we’ll explain what Composable Settings are, why they matter, how they work, and how to use them more effectively in real projects. We’ll also cover practical use cases and workflow tips so you can build faster while keeping your settings organized. Let’s get started. What Are Composable Settings? Composable Settings allow you to enable additional design option groups for a module’s sub-elements, such as the title, button, image, icon, or body text inside a module like Blurb or Testimonial. In earlier versions of Divi, each sub-element came with a fixed set of design controls. I...

How To Add Hotspots To Images In Divi 5

Image
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. With Divi 5 , you can build hotspots visually using Interactions, Module Groups, Canvases, and the Canvas Portal Module. No custom code required. What Are Image Hotspots? Hotspots are clickable or hoverable zones layered over an image, graphic, or section background. Each marker sits at a precise point, and when a visitor interacts with it, supporting content appears right there: a short label, a tooltip, a product card, or a richer content panel. You see hotspots used on product pages, maps, diagrams, room mockups, and infographics because they keep layouts clean while still letting people explore details on demand. What makes them work is control. Visitors choose what to reveal and when. Instead of forc...