Posts

Everything You Need To Know About Divi 5’s New Form Field Options

Image
Divi 5 continues to add new design-system features, and this update focuses on form styling. The new form field options introduce dedicated Input, Checkbox, and Radio option groups, new focus and checked editing states, form field presets, and a new Contact Form 7 module. Together, these updates give you more control over form design directly inside Divi’s Visual Builder. You can style inputs, checkboxes, and radio buttons more consistently, customize labels and placeholders, and edit interactive states such as focus and checked from the module’s Design tab. Field Presets let you save reusable styles for form field groups, so you can apply the same form design across multiple modules. Meanwhile, the new Contact Form 7 module brings Divi’s form styling options to Contact Form 7 forms, with more integration-based modules planned. In this post, we’ll break down what’s new, how the features work, and how to use them to build better forms in Divi 5. Let’s dive in. What Are Divi 5’s N...
Post a Comment
Read more

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

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

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

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