Learn about Divi Resources on the Elegant Themes blog
Give one product room to stand out, then let the rest of the collection fill the grid around it. Using Divi 5‘s CSS Grid Editor, you’ll build an outdoor gear layout whose first card spans two columns. Large photos and compact price badges carry the design from four columns on Desktop to...
View Full Post
A screenshot gives you a visual direction, but turning it into a reusable website takes more than matching colors and spacing. You need shared values for typography and sizing, plus reusable styles that keep later pages consistent. With Divi AI Agents in Divi 5, you can use a screenshot to...
View Full Post
Divi AI Agents can create custom SVG graphics from plain-language instructions. Describe an icon, divider, or badge, specify its style and colors, and ask the agent to add it to your layout as an editable SVG Module. In this tutorial, we’ll create a decorative leaf, refine it in the same...
View Full Post
A resource section can share one introduction across several pages while presenting different content beneath it. Reusing both the section and its cards lets you maintain those designs separately. With Components and Slots in Divi 5, you can combine those two levels of reuse. Put a card Component...
View Full Post
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...
View Full Post
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,...
View Full Post
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...
View Full Post
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...
View Full Post
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...
View Full Post
An image mosaic combines photographs of different sizes in one connected grid. Larger tiles highlight selected images, while smaller tiles fill the spaces around them. With Divi 5’s CSS Grid Editor, you can build this arrangement visually, resizing and positioning tiles directly on the grid...
View Full Post
Sometimes a reusable section needs more than a different heading or button label. One page might need a workshop schedule, while another needs a booking form. You still want the surrounding design to look consistent and update from one place. Slots in Divi 5 provide an area for those different...
View Full Post
A bento grid brings images, headlines, supporting details, and calls to action into one arrangement of differently sized cards. Shared edges and consistent gaps hold the layout together, while the larger cards give important content more room. With Divi 5‘s CSS Grid Editor, you can build that...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®