The Tech Zone

I am excited to introduce a host of new image settings for Divi 5 . First, we added new aspect ratio settings to all images. Elements with aspect ratios scale proportionally across different screen sizes. Next, we added framing settings that allow you to reposition cropped images within a defined aspect ratio. Take any image, regardless of its size, and make it fit perfectly into your design! It’s a great way to make perfect-looking loops . Finally, we enabled option presets for the image option group. That’s huge! Now you can manage the style of all the images in every Divi module using Divi’s preset-based design system . There’s much to explore, so let me jump into the builder and give you the full tour. 👇 Brand New Image Settings & Preset Support Images are a critical part of every website, and many Divi modules include image elements. You’ve probably spent a lot of time styling and cropping images for your websites, and now, Divi makes it...

When you’re building in Divi, you generally expect design controls to stay consistent no matter where you are in the builder. Open the sub-element settings inside certain modules, though, and the available options can be more limited than you expect. Controls that are available elsewhere may be missing, and a simple styling decision can turn into a workaround. Composable Settings in Divi 5 solve that by letting you enable additional design option groups for module sub-elements. Even better, those enabled option groups can be saved inside presets. That means you can configure a sub-element once and make those controls available by default every time you use that preset. What Are Composable Settings In Divi 5? Take the Contact Form module as a starting point. When you open the Button settings in the Design tab, you will find core styling options like color, font, and border. But option groups like Transform and Animation may not be enabled for that button by default. Setti...

Welcome back to the Divi 5 Mastery Course. In Part 7 , we completed the bottom of every page with a custom global footer that matches the header we built in Part 6 . Both global areas were styled with the Design Variables from Part 3 and the Presets from Part 4 . Now, in Part 8, we’ll use the Theme Builder to make the rest of the coworking website feel like one unified brand. Instead of designing every template-driven page manually, we’ll create reusable layouts that automatically apply to posts, archives, search results, and error pages. By the end of this post, you’ll understand how to build Theme Builder templates for All Posts , Category Pages , Author Pages , Search Results , and the 404 Page . We’ll also walk through the full creation of an All Posts template, so you can see the process in action. Let’s get started. Why Global Templates Matter The Theme Builder lets you design a layout once and assign it to specific parts of your WordPress site. For example, one templat...