Posts

Nested Variables, Variable Math & Variable Combinations for Divi 5

Image
I’m excited to introduce a new level of flexibility for Divi 5 variables: combine them, nest them within other variables, and use them directly in calculations within your settings. 🎉 Create spacing relationships that stay connected as your design changes. Build fluid sizes from shared minimum and maximum values. Mix reusable text, dynamic content, and your own words in the same field. This expands on Design Variables and works alongside Relative Colors , turning reusable values into the building blocks of more connected designs and content. Let’s take a look at how it works. 👇 Create Design Relationships With Variable Math A number variable can now be part of a calculation. Insert your variable into a supported number field, then combine it with other values using addition, subtraction, multiplication, or division. Imagine a section with padding controlled by a Spacing variable. You want an image inside that section to extend beyond its edge. Use the same variab...
Post a Comment
Read more

Best Practices For Steering Divi AI Agents To Get It To Do What You Want

Image
Divi 5 has a new way to build pages in the Visual Builder: Divi AI agents . Instead of working through settings panels one change at a time, you describe what you want in a conversation, and the agent carries it out on the page. It can add modules, update styles, work with your design system, and handle multi-step tasks while you watch. Clear direction helps it produce a useful first pass. Name the outcome, identify the target, and explain what should stay unchanged. Without that guidance, the agent has more decisions to infer, and the result may need more cleanup. In this post, we’ll explain which controls shape the work, then walk through ten best practices for steering Divi AI agents toward the result you have in mind. What Are Divi AI Agents? Divi AI agents brings a conversational assistant into the Divi 5 Visual Builder. You describe what you want, and the agent can add, edit, move, and style elements, update design settings, and coordinate changes across the layout. It...
Post a Comment
Read more

WordPress vs Astro (2026): Which One Fits Your Next Site?

Image
WordPress and Astro can both power a blog, portfolio, or business website, but they give you different starting points. WordPress includes a content management system with an editing dashboard, user accounts, and a media library. Astro is a web framework that lets developers build the front end and choose how content is managed. For many projects, the deciding question is who will edit the site after launch. A developer maintaining a site through code has different needs from a client who wants to update services, publish articles, and manage inquiries independently. My experience is mainly with WordPress sites built around options pages, custom post types, and custom fields. I approached Astro from that perspective: where does it simplify the work, and where does it require a different setup? This comparison uses a small demo to explore those differences rather than treating either platform as the best choice for every site. What Astro Is, And What It Leaves Out Astro is an open-s...
Post a Comment
Read more

How To Use Empty Grid Cells To Create More Interesting Compositions In Divi 5

Image
Most grid layouts fill every available cell. Leaving some cells empty can create a more interesting composition, with space that guides the eye through the content. With CSS Grid in Divi 5 , Grid Offset Rules let you position items precisely and leave selected cells unoccupied. In this tutorial, we’ll build four cards on an eight-column grid. Each card starts farther to the right and spans fewer columns, creating a stepped area of empty space along the left. Why Use Offset Rules Instead Of Spacers? Spacers, margins, and column spans can all create empty space, but they give you different types of control. An empty Group Module can act as a spacer. However, if you add it as a direct child of the grid container, it also counts as a grid item. Inserting it before a card changes that card’s position in the sequence, which can affect rules targeting items by index. A left margin adds space beside an item, but a fixed value such as 240px does not stay aligned with grid tracks as the...
Post a Comment
Read more