Posts

Part 1 Of Mastering Flexbox: Understanding The Core Controls In Divi 5

Image
One of the most valuable improvements in Divi 5 is its native Flexbox support. It gives you clean, visual control over layout structure directly inside the Visual Builder, reducing the need for custom CSS, duplicated sections, or manual spacing workarounds. This is the first part of our Mastering Flexbox series. Throughout the series, we’ll introduce Flexbox in Divi 5, explore its settings in detail, and show how different controls work together to create functional, responsive designs. In Part 2, we’ll show you how to create equal-height cards with aligned buttons. In this first part, we’ll focus on the settings available in the Layout option group when Flex is selected. These controls affect how child elements flow, wrap, align, and distribute space inside a parent container, making them some of the most important layout tools you’ll use in Divi 5. Let’s dive in. What Is Flexbox In Divi 5? Flexbox (Flexible Box Layout) is a CSS layout model design...

Global Typography System For Divi 5 (Free Download!)

Image
Divi 5 gives you more control over reusable design systems, especially when you pair global variables with presets and consistent typography rules. In this free pack, you’ll get a complete Global Typography System for Divi 5 with two setup options: a Fixed Scale system and a Fluid Scale system. Both are based on Divi 5’s Variable Generator and use Option Group Presets for headings, text, buttons, and fields, making it easier to create consistent typography across an entire website. Preview Here’s a quick look at the Global Typography System included in the pack. The download is further down the post. Download The Global Typography System For Divi 5 Get the Fixed Scale and Fluid Scale typography systems for free. Import the files into Divi 5, apply the variables and presets, and use the included layouts as typography references for your next project. Download the Files Download For F...