Posts

Part 9: Building The Core Inner Pages Of Your Divi 5 Website

Image
In Part 5 , we built the homepage for our coworking space website. Then, in Part 6 and Part 7 , we added a global header and footer using the Theme Builder. In Part 8 , we created global templates for posts, archives, search results, and 404 pages. Now, we’re ready to build the core inner pages of the site. For this coworking website, that means creating a Contact page and an Events page. By this point, the design system is doing most of the work. The header and footer load globally from the Theme Builder . Headings, text, buttons, containers, forms, and layout elements all have presets. The Design Variables from Part 3 are used throughout the presets that control color, typography, spacing, and borders. As a result, this part is mostly structural assembly. We’ll reuse the system we already built, add a few new module presets where needed, and use Divi 5 workflow features like Page Manager, Command Center, and Extend Attributes to move faster. Building The Contact Page Create a...

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

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