The Tech Zone

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...

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...

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...