Posts

Exploring Divi 5’s Instagram Module

Image
The Instagram Feed Module brings Instagram galleries directly into Divi 5 . Connect an account, choose how many posts to display, and style the resulting feed directly inside the Visual Builder. One of the module’s biggest advantages is how deeply it connects with Divi 5’s newer image tools. Instagram feeds naturally mix square, portrait, and landscape media, but Aspect Ratio and Framing let you give those posts a consistent shape without editing the original images. You can define the frame, control how each image fills it, reposition the crop, and reuse that treatment with Image Option Group Presets. The rest of the feed follows the same principle. Feed and Item controls shape the gallery itself, the Follow button uses Divi’s familiar Button settings, and the module can be styled as part of the same design system as the page around it. Connecting An Instagram Account Before the feed can display anything, Divi needs an Instagram Access Token. Open the Instagram...
Post a Comment
Read more

9 Creative Team Sections For Divi 5 (Free Download!)

Image
Divi 5 makes it easy to introduce the people behind your brand with team sections that feel intentional, polished, and visually distinctive. In this free pack, you’ll get 9 Creative Team Sections for Divi 5 that are perfect for agencies, startups, creative studios, company websites, about pages, leadership teams, departments, and more. Each design combines team photography, names, roles, typography, color, and structured layouts in a different way, giving you plenty of options for presenting everything from a small creative team to a larger organization. Import a section, replace the team details and photos, customize the styling, and you’re ready to go. Preview Here’s a quick look at the 9 Creative Team Sections included in the pack. The download is further down the post. Download 9 Creative Team Sections For Divi 5 Get all 9 sections for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files ...
Post a Comment
Read more

Build Fancy Loops With Divi 5’s New CSS Grid Editor

Image
A dynamic blog grid needs two things to work well together: content that can change and a layout that can keep up with it. New posts get published, categories grow, and the number of items returned by a query changes over time. The goal is to build the card and the surrounding structure once, then let the system handle what comes next. That’s where three Divi 5 features work especially well together. The Loop Builder supplies and repeats the content. CSS Grid controls how those repeated items are arranged. And the new Grid Editor gives you a visual way to shape that Grid, including more advanced repeating patterns with Grid Offset Rules. In this tutorial, we’ll build one dynamic blog card, turn it into a Loop, place those repeated cards inside a CSS Grid, and then use the Grid Editor to create four more creative Loop layouts. What Are Loops? A Loop displays a changing collection of content using one repeated design. Instead of manually creating a card for every blog ...
Post a Comment
Read more

Everything You Should Know About The Loop Filter Modules In Divi 5

Image
Divi 5 ‘s Loop Builder lets you turn Divi elements into dynamic feeds for posts, products, projects, custom post types, and other queried content. You design one repeated item, connect it to Dynamic Content, and let Divi populate the layout from WordPress. The new Loop Filter Modules add the visitor-facing side of that system. Instead of deciding every query condition while building the page, you can create custom filter forms that let visitors search, filter, and reorder the results themselves on the front end. In this post, we’ll look at how the Loop Filter system fits into Divi 5’s Loop Builder, what each filter type does, how fields connect to taxonomies and custom fields, how to build and style a complete filter form, and several practical ways to use the feature. What Are The Loop Filter Modules In Divi 5? Loop Filter Modules let visitors interact with post-based Loop Builder content directly on the front end. A visitor might search a blog by keyword, narro...
Post a Comment
Read more