Posts

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...
Post a Comment
Read more

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...
Post a Comment
Read more

Exploring Divi 5’s New Timeline Module

Image
Timelines make sequences easier to understand. A company history, product roadmap, project phase, resume, onboarding process, or case study can all become easier to scan when each step follows a clear visual path. Divi 5’s Timeline module gives you a native way to build those layouts directly in the Visual Builder. You can add Timeline Items, choose a vertical or horizontal direction, style the track, markers, connectors, cards, and text, and use alternating layouts without custom CSS. In this post, we’ll explore how the Timeline module works, where its most important settings live, and how to build a responsive timeline you can reuse across your Divi 5 site. What Is The Timeline Module In Divi 5? The Timeline module is a native Divi 5 module for displaying a sequence of events along a connecting track. Each event lives inside its own Timeline Item child module. That means you can add, edit, duplicate, delete, reorder, and style individual items while still managing...
Post a Comment
Read more