The Tech Zone

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

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

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