Posts

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...
Post a Comment
Read more

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...
Post a Comment
Read more

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....
Post a Comment
Read more

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...
Post a Comment
Read more

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...
Post a Comment
Read more

Divi 5 Commands Every Power User Should Know

Image
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, no scanning sidebars, and no breaking your flow to find the same panel again and again. What makes it especially useful for power users is not just speed. The Command Center gives you one searchable place to run builder actions, jump to settings, open panels, and navigate around your site. That means less interface friction and fewer unnecessary clicks during a long build session. This post breaks down five Command Center commands that are especially worth knowing. Not every command in the system, just the ones that are most likely to save time during real work. 1. Canvas Grid View If you are building with Divi 5 Canvases (detached workspaces used for off-canvas menus, popups, slide-ins, and other content that lives outside the main page layout)...
Post a Comment
Read more