The Tech Zone

Divi 5 keeps turning common custom-code workflows into native builder features, and the new Tooltip module is a good example. It lets you add a floating popup panel beside another element and control its content, trigger, position, movement, arrow, timing, and styling visually. Instead of wiring up a tooltip library by hand, you can place a Tooltip module inside the element it describes, add text or nested modules, and decide whether the tooltip appears on hover, on click, or always. That makes it useful for short hints, feature explanations, product details, icon labels, mini promo cards, looped content, and contextual callouts that need more flexibility than a basic browser tooltip. In this post, we’ll look at what the Tooltip module is, how to add it, how its settings work, and where it can improve a Divi 5 layout without adding clutter. What Is The Tooltip Module In Divi 5? The Tooltip module is a nestable content container that appears beside a parent element. The parent el...

Divi 5 makes it easy to create bold, editorial-style sections that use typography as the main visual element. In this free pack, you’ll get 7 Chopped Text Designs that are perfect for hero sections, landing pages, portfolio intros, product launches, architecture websites, creative agencies, editorial layouts, event pages, and more. Each design uses oversized text, cropped letterforms, layered imagery, strong contrast, grid-based spacing, and modern type treatments to create striking sections that feel custom and high-impact. Import a section, replace the content, update the imagery, and you’re ready to go. Preview Here’s a quick look at the 7 Chopped Text Designs included in the pack. The download is further down the post. Download 7 Chopped Text 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 ...

A layout can be carefully designed and still feel inconsistent once real content is added. Images arrive in different shapes. Team headshots come from different sources. Blog thumbnails, embeds, and dynamic content do not always reserve the space your layout expects. That is where aspect ratio becomes useful. Instead of setting a fixed height, you define a relationship between width and height. The element can still resize across devices, but its proportions stay consistent. Divi 5 gives you Aspect Ratio and Image Framing controls that make this easier to manage visually. You can use them on images, modules, containers, and sub-elements that expose the Sizing option group. In this post, we’ll look at five practical ways to use Aspect Ratio in Divi 5 to create cleaner grids, better crops, steadier layouts, reusable shapes, and more consistent social feeds. What Is The Aspect Ratio Setting In Divi 5? The Aspect Ratio field lives in the Sizing option group inside the Design tab. ...

Divi 5 now includes a native Breadcrumbs module , giving you a built-in way to add breadcrumb navigation to pages, posts, archive templates, and Theme Builder layouts. Breadcrumbs help visitors understand where they are on your site and give them a quick path back to higher-level pages or categories. They are especially useful on blogs, documentation sites, knowledge bases, course sites, and any website with layered content. In this post, we’ll look at how Divi 5’s Breadcrumbs module works, what you can control, where it makes the most sense, and how to add it to a Theme Builder post template. What Is Divi 5’s Breadcrumbs Module? The Breadcrumbs module is part of Divi 5’s core module library. It displays a clickable navigation trail that shows where the current page or post sits within your site structure. A typical breadcrumb trail might look like this: Home / Blog / Category / Post Title Home / Services / Web Design Home / Documentation / Getting Started / Setup Guide Be...