The Tech Zone

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.15  update notification today. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us! What’s New In Divi 5.15? The update includes 89 bug fixes and improvements, as well as a major new feature: Components and Slots . Introducing Component and Slots Components and Slots have arrived, introducing a completely new way to build reusable designs in Divi 5 . 🎉 This is one of the most important updates to Divi since Variables and Presets! Components are the evolution of Divi’s Global Elements. They retain the power of globally synchronized designs while giving you much more control over what stays global and what can be customized on each instance. Detach settings ...

Grid Offset Rules control where items begin and how many rows or columns they span in Divi 5 . A rule on the container can widen every fifth card, stretch a featured item across two rows, or place an item in a specific column. Repeating rules also apply to matching items as content is added or generated by a Loop. The settings tell us what each rule does, but it can be harder to picture how several rules affect the same grid. The CSS Grid Editor makes that relationship visible. We can resize items to create rules, see which items an existing rule affects, and adjust its values as the layout responds. In this tutorial, we’ll read and edit Grid Offset Rules visually, create individual and repeating targets, and adjust their values for smaller screens. How Grid Offset Rules Work Before adding rules, it helps to understand automatic placement. In a basic grid with row-based flow and no placement overrides, child elements fill the available cells in each row before moving to the...

Divi Components and Slots have arrived, introducing a completely new way to build reusable designs in Divi 5 . 🎉 This is one of the most important updates to Divi since Variables and Presets! Components are the evolution of Divi’s Global Elements. They retain the power of globally synchronized designs while giving you much more control over what stays global and what can be customized on each instance. Detach settings from nested modules, add Slots for unique local content, edit Components from a dedicated interface, nest Components inside other Components, import and export them, and manage them using the Divi AI Agent . There’s much to explore, so let me jump into the builder and give you the full tour. 👇 Components Are The Evolution Of Global Elements Divi introduced Global Elements and selective synchronization nearly a decade ago. They made it possible to reuse elements across a website, update them from one place, and detach selected settings for local customization. ...

When a page has several buttons, a request like “update the button in the pricing section” can leave room for interpretation. Divi AI Agents can work with your page structure, but attaching the exact element makes your target clearer. Context lets you reference a module, preset, variable, page, or other item directly in your request. Instead of describing everything from scratch, you can point to the content or settings you want the agent to use. In this post, we’ll explore how to add Context in the Divi 5 Visual Builder, choose references for different tasks, and combine them with Scope. We’ll also save recurring references inside Commands and Rules. Meet Divi AI Agents Divi AI Agents work inside the Divi 5 Visual Builder. You can use plain-language instructions to inspect a page, ask questions, or make changes to your layout and site. Open the Divi AI Agents panel from the left sidebar of the Visual Builder. The chat window is where you write requests and access ...