The Tech Zone

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...

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...

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)...

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 feel unfinished. In this tutorial, we’ll build an interactive image-card carousel in Divi 5 using the Group Carousel module . Each card starts clean, then reveals its title and call to action when a user hovers over it. We will pair that reveal with a subtle image scale effect using Divi 5’s Interactions system . What We’re Building This design example uses Divi 5’s Group Carousel module, with each slide acting as a container for a layered image card. A parent Group holds the card, an Image module provides the visual base, and a nested content Group holds the heading and button. That structure matters because Divi 5 Interactions can target labeled elements independently, letting you control the reveal without affecting the rest of the sli...