Posts

6 Expressive Google Variable Fonts For Bold Divi 5 Headlines

Image
Open the font dropdown while editing text in almost any project, and you will probably scroll past many of the same reliable choices. That makes sense for body text, where readability across longer passages matters. Hero headings have a different job. With only a few words to communicate, they can afford to be more expressive. Google Fonts includes several variable fonts that look too unusual for body copy but can work well as display type. The six designs below use expressive Google variable fonts in Divi 5 , with each font assigned a specific role. Why These Fonts Get Skipped At first glance, it is easy to see why these fonts are often overlooked. Bitcount constructs its glyphs from repeated, pixel-like elements. Sixtyfour Convergence layers color and scanline-based elements to create CRT-inspired glyphs. Handjet builds glyphs from modular elements that can resemble an LED display. Shantell Sans uses its Bounce and Informality axes to create an irregular, hand-drawn feel....
Post a Comment
Read more

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