Posts

Exploring Divi 5’s New Ratio & Framing Settings

Image
Inconsistent image sizes can make an otherwise polished layout feel unfinished. Blog grids lose alignment, galleries crop awkwardly, and responsive layouts can shift in ways that make images feel disconnected from the rest of the design. Divi 5 gives you a better way to handle that with new Aspect Ratio, Image Framing, and Image Preset tools. Aspect Ratio helps you keep elements proportional. Image Framing controls how images fit and sit inside those proportions. Image Presets let you reuse image styling across modules that display images. In this post, we’ll walk through what each setting does, where to find it, and how to combine these tools for cleaner grids, better crops, and more consistent image styling across your site. What Changed In Divi 5? Divi 5’s new image workflow is built around three related updates. Aspect Ratio: A setting in the Sizing option group that keeps an element’s width and height in a defined proportion as it scales. Image Framing: Fit and position...

Introducing Workspaces for Divi 5

Image
I am excited to announce customizable workspaces for Divi 5 ! The Divi 5 interface is incredibly customizable. You can choose which panels are opened and closed, where they are docked, whether they are floating or in a sidebar, their size, and their position. You can combine panels into tabbed groups. You can choose which icons are visible in the top bar. You can choose between light and dark modes, as well as various color schemes, and more! Now, every user on your website can make the visual builder their own by creating their own collections of saved workspaces. Create your perfect default workspace, along with alternative workspaces that you can switch to on the fly depending on what you are building, your screen size, etc. There’s much to explore, so let me jump into the builder and give you the full tour. 👇 Customize Your Workspace With the introduction of workspaces, every user on your website gets to customize their own building experience. Workspaces save more ...

Combining Composable Settings + Nested Option Presets In Divi 5

Image
Composable Settings and Nested Option Presets work together to make Divi 5 design systems more flexible and reusable. Composable Settings unlock extra design controls for module sub-elements, such as a Blurb image, Call To Action button, or form field. Nested Option Presets keep those styles connected so they can be reused across modules instead of recreated by hand. Together, they turn saved styles into a system you can reuse across your site and update from one place when colors, spacing, borders, or other shared design decisions change. What Are Composable Settings In Divi 5? Divi modules are built from smaller parts. A Blurb module includes an image, title, and body text. A Call To Action module includes a button. A Testimonial module includes an image, author text, body text, and other sub-elements. In older workflows, each sub-element came with a fixed set of design controls. If a button, image, title, or icon did not include the option group you needed, custom CSS was ofte...

Divi 5.7 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.7  update notification today. What’s New In Divi 5.7? We  implemented  72 bug fixes and improvements , along with several new gradient-related features . The majority of our team is focused on bug fixing and overall stability. However, after months of doing nothing but fixing bugs, we are slowly transitioning back to feature development. That means the rate of innovation will accelerate significantly over the next few months. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us! New Gradient Editor, Gradient Variables, Text Effects, and More We just released a bunch of new gradient-related features in Divi 5.7! Gradient options have been consolidated into a n...

6 Photo Background Hero Sections For Divi 5 (Free Download!)

Image
Divi 5 makes it easy to create bold hero sections with immersive visuals and strong first impressions. In this free pack, you’ll get 6 Photo Background Heroes that are perfect for landing pages, portfolio intros, service pages, product launches, restaurant websites, sports websites, architecture studios, agencies, and more. Each section uses full-width photo backgrounds, layered content, overlays, typography, buttons, and structured supporting elements to create polished hero designs that are ready to customize. Import a section, replace the content, update the background image, and you’re ready to go. Preview Here’s a quick look at the 6 Photo Background Heroes included in the pack. The download is further down the post. Download 6 Photo Background Heroes For Divi 5 Get all 6 sections for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files ...