Posts

Variable Fonts And New Text Styling Options For Divi 5

Image
I am excited to announce variable font support and many new text styling options for Divi 5 ! Divi 5 now supports the latest Google Fonts collection, including variable fonts and the dozens of new controls they provide. If you aren’t familiar with variable fonts, keep reading because they are amazing. We also added many new text styling options that allow you to create magazine-style text layouts, style dropcaps, and give you more control over text stroke, spacing, and more. When it comes to typography, Divi 5 now has it all. There’s much to explore, so let me jump into the builder and give you the full tour. 👇 Variable Fonts and Font Axis Variable fonts are wonderful. Unlike traditional fonts, they give you fine-tuned control of many things, such as weight, slant, width, height, roundness, shape, and so much more. Depending on the variable font you choose, Divi will give you a new set of controls , allowing you to make each font your own and smoothly transition be...

Exploring Divi 5’s New Gradient Options & Variables

Image
Gradients can do more than add decoration. Used well, they create depth, guide attention, connect brand colors, and make backgrounds, buttons, overlays, and text feel more intentional. Divi 5 makes gradients easier to create and manage with its new Gradient Editor, Gradient Variables, and Text Effect settings . Gradients now live inside a unified field, open in a cleaner Gradient Picker, and can be saved as reusable variables. In this post, we’ll walk through what changed, how the new Gradient Picker works, how to create Gradient Variables, and how to use gradient fills, image fills, and text strokes on text elements. What Changed With Gradients In Divi 5? Divi 5’s gradient update focuses on three connected improvements. Unified Gradient Field: Gradient settings are stored together as one complete design value, making gradients easier to copy, paste, extend, inspect, and replace. Gradient Picker Panel: Gradient controls now live in a single panel with a live preview, color st...

How To Crop Images In Divi 5

Image
Image cropping sounds simple until the same image needs to work in different layouts. A portrait photo might look great in a team card but awkward in a wide banner. A landscape image might fit a blog grid but lose its subject on mobile. Cropping is less about cutting pixels and more about controlling what stays visible inside the frame. Divi 5 makes that easier with Aspect Ratio and Image Framing controls built directly into the Visual Builder. You can set a consistent shape, choose how the image fills it, reposition the focal point, adjust the crop across breakpoints, and keep the original file untouched. In this post, we’ll show you how to crop images in Divi 5 using Aspect Ratio, Object Fit, Object Position, responsive settings, Image Presets, and Loop Builder workflows. Why Crop Images In Divi 5? Images rarely arrive in the exact shape your layout needs. Stock photos may be 4:3, while phone photos are often vertical. Product images may be square. Team headshots might come fro...

4 Accordions & Toggles + Nested Elements Designs For Divi 5 (Free Download)

Image
Divi 5 makes it easy to create organized, interactive sections that keep important content easy to explore. In this free pack, you’ll get 4 Accordions & Toggles + Nested Elements designs that are perfect for FAQs, service breakdowns, process sections, feature lists, about sections, client information, contact details, agency websites, landing pages, and more. Each design uses accordions or toggles with nested content, imagery, typography, spacing, and structured layouts to create polished sections that reveal information in a clean, engaging way. Import a section, replace the content, update the styles, and you’re ready to go. Preview Here’s a quick look at the 4 Accordions & Toggles + Nested Elements designs included in the pack. The download is further down the post. Download 4 Accordions & Toggles + Nested Elements Designs For Divi 5 Get all 4 designs for free. Import them into your Divi Library and add them to any page in the Visual Builder. Downl...