Posts

Divi 5.5 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.5  update notification today. What’s New In Divi 5.5? We  implemented  58 bug fixes and improvements , along with a bunch of new features: Aspect Ratio, Framing & Image Preset , and the all-new Sizing Variable & Colorscheme Generators . 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! Aspect Ratio, Image Framing & Image Presets We released tons of new image-related features...

Aspect Ratio, Image Framing & Image Presets for Divi 5

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

How To Enable Composable Settings By Default Using Presets In Divi 5

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

Part 8: Using Divi 5’s Theme Builder To Create Global Website Templates

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