Posts

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

How To Build Faster In Divi 5 With The Command Center And Workspaces

Image
Building faster in the Divi 5 Visual Builder means spending less time opening panels and repeating the same setup. The Command Center handles actions you can name, such as adding modules, applying presets, and opening settings. Workspaces save the panel arrangement you use to carry out those actions. We will use them together to build a hero section: keep Layers visible while adding its structure, then switch to a Workspace with more room for styling. You can reuse both setups on your next page. How The Two Tools Work Together Open the Command Center with Cmd+K on Mac or Ctrl+K on Windows. Type an action, select the matching result, and press Enter. Below, Cmd/Ctrl means Cmd on Mac or Ctrl on Windows. A Workspace saves your builder preferences and panel arrangement, including which panels are open, where they dock, and their sizes. Switching Workspaces restores that setup without changing the page content. For this workflow, we use two saved arrangements: Command Build: K...
Post a Comment
Read more

Introducing The Icon Manager For Divi 5

Image
I’m excited to introduce the Icon Manager for Divi 5 , a central place to import your own icons, organize them into collections, and choose which collections appear while you build. 🎉 Bring in custom SVGs or an icon font, create a collection for your client’s brand, and use those icons directly from Divi’s new icon picker. You can also organize the included icons into collections that fit your website. Let’s take a look at how it works. 👇 Import Custom SVGs And Icon Fonts The Icon Manager brings your own artwork into the same selection workflow as Divi’s included icons. Click Import Icons to open the Add Icons window, then use Choose Icon Files to select your files. Choose an existing Collection or enter a Collection Name to create a new one, then click Import. Add A Set Of SVG Icons Drag as many SVG files as you want into the icon uploader to upload them all at once into a new or existing collection. Imagine building a website for a landscaping company with custom symbol...
Post a Comment
Read more

How Divi AI Agents Pricing Works (And Which Models Are Worthwhile)

Image
Divi AI agents can build, edit, and restyle your pages from plain-language instructions. Quick edits can cost very little, while full layout generations and advanced multi-step tasks vary in cost depending on the models used and the work involved. We asked for a Professional Experience section, and Auto Value produced a result for $0.10. Auto Premium handled the same request for $0.54, with a more polished design. Agent usage is metered. A Divi AI or Divi Pro subscription includes $5 in agent usage each month, so you can try real tasks before adding funds beyond your subscription. Your model choice is one of the biggest factors in how far that balance goes. An affordable tier is a useful starting point for everyday edits, while a stronger one may justify the extra cost on more demanding work. Here is how Divi AI agents pricing works, what each Auto tier is for, and how to decide when paying more makes sense. How Divi AI Agents Pricing Is Calculated AI models charge for the tokens...
Post a Comment
Read more

Getting On-Demand Support With The Ask Feature In Divi AI Agents

Image
Divi AI Agents can help you understand your website as well as build it. With the Ask feature in Divi 5 , you can ask about settings and layout approaches and get guidance based on the page you’re working on, all from inside the Visual Builder. Ask works from the page you’re on. A question about CSS Grid becomes a conversation about your services section and how its columns should adapt on phones. You can then ask where to find the relevant controls without starting over or explaining the layout again. Below, we explore how to use Ask for on-demand support, using a portfolio page to work through practical questions about CSS Grid and Flexbox, including how a layout adapts on phones. What Ask Mode Does In Divi AI Agents Ask is an interaction mode in the Divi AI Agents panel. It lets you ask questions about your page and how Divi works. The agent can inspect the page and consult Divi documentation to explain an approach before you make changes. Ask explores and advises without cha...
Post a Comment
Read more

The Best Way To Build A Website With AI In 2026 Is Inside A Visual Builder

Image
Almost any AI website builder can turn a short business description into a homepage. The real test comes later, when you need to restructure a section, update your branding, or add another page that feels like it belongs on the same website. In 2026, AI website-building tools generally take three different approaches. Some create websites hosted on their own platforms. Others generate a codebase you can develop and deploy. And a third category builds directly inside a visual editor, giving you a website you can continue working on without relying on AI for every change. Each approach has its advantages, but for businesses that want a website they can comfortably manage and grow, a visual builder with an integrated AI agent makes a compelling case. Let’s explore why, where tools like Divi 5 fit in, and what matters when choosing the right foundation for your website. A Prompt Is Not a Website A prompt is just a request. What happens after you submit it depends entirely on the ...
Post a Comment
Read more