Posts

10 CSS Subgrid Layouts For Divi 5 (Free Download!)

Image
Divi 5 brings the flexibility of CSS Grid into the Visual Builder, making it possible to create structured layouts with precise control over rows, columns, gaps, and alignment. In this free pack, you’ll get 10 CSS Subgrid Layouts for Divi 5 that are perfect for testimonials, services, feature cards, team sections, project showcases, comparison layouts, process steps, and other repeated content. Subgrid allows a nested grid to use track sizing from its parent grid along a selected axis. This is especially useful for repeated cards because corresponding areas can remain aligned across the layout even when headings, descriptions, images, or other content vary in length. Import your favorite section, replace the example content, customize the styling, and adapt the structure to your website. Preview Here’s a quick look at the 10 CSS Subgrid Layouts included in the pack. The download is further down the post. Download 10 CSS Subgrid Layouts For Divi 5 Get all 10 sections for free. I...
Post a Comment
Read more

Divi 5.13 Release Notes

Image
It’s official; the beta phases have ended, and Divi 5 has arrived. This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5 , you’ll see a version 5.13  update notification today. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us! What’s New In Divi 5.13? This is purely a maintenance release; no big features this time, just lots of little updates. The update includes   65 bug fixes and improvements. But we have some existing things in the works! 👇 What’s Coming Next? There are some great updates in the pipeline. New modules, major AI improvements, and most excitingly: Components and Slots ! Components are a reimagining of Divi’s existing Global Elements. They retain the power of globally synchronized elements while introducing a much more flexible system for controlling what stays global and what c...
Post a Comment
Read more

How To Get The Most Out Of Divi 5’s New Variable Fonts

Image
Every typography decision on a website is about relationships: how one text element reads against another, how clearly the hierarchy comes through, and how body text stays readable without competing with the elements around it. Static fonts give you a set of fixed styles. Variable fonts give you the continuous range between them, and Divi 5 brings those controls directly into the Visual Builder through its Variable Fonts feature. In this post, we’ll use practical combinations to solve common typography challenges. We’ll configure Design Variables, tune headings, subheadings, buttons, and body text, save those decisions with Presets, and replace existing static styles without editing every module individually. What Are Variable Fonts? Static font families are divided into separate files or styles, such as Light, Regular, Semibold, and Bold. If the precise weight or width you need falls between those options, you have to compensate with another setting or settle for the closest ava...
Post a Comment
Read more