Posts

How To Style Forms In Divi 5 (New Field Options)

Image
A well-designed form needs more than a background color and a font size. The field text, labels, placeholders, buttons, checkboxes, radio buttons, focus states, and checked states all need to feel like part of the same design system. Divi 5 makes that easier with new form styling options . Instead of relying on one broad field style, you now get dedicated controls for different field types, along with Focus and Checked editing modes and preset support. In this post, we’ll walk through the new form field options, show how to style inputs, checkboxes, and radio buttons, and explain how to save those styles as presets so you can reuse them across your site. What Changed With Form Fields In Divi 5 Divi’s older form styling workflow relied on one broader Field group for many form controls. That made it harder to style each field type on its own terms. Label controls were not always consistent, background options were more limited, and styling one form module did not always feel the sa...
Post a Comment
Read more

Variable Fonts And New Text Styling Options For Divi 5

Image
I am excited to announce variable font support and many new text styling options for Divi 5 ! Divi 5 now supports the latest Google Fonts collection, including variable fonts and the dozens of new controls they provide. If you aren’t familiar with variable fonts, keep reading because they are amazing. We also added many new text styling options that allow you to create magazine-style text layouts, style dropcaps, and give you more control over text stroke, spacing, and more. When it comes to typography, Divi 5 now has it all. There’s much to explore, so let me jump into the builder and give you the full tour. 👇 Variable Fonts and Font Axis Variable fonts are wonderful. Unlike traditional fonts, they give you fine-tuned control of many things, such as weight, slant, width, height, roundness, shape, and so much more. Depending on the variable font you choose, Divi will give you a new set of controls , allowing you to make each font your own and smoothly transition be...
Post a Comment
Read more

Exploring Divi 5’s New Gradient Options & Variables

Image
Gradients can do more than add decoration. Used well, they create depth, guide attention, connect brand colors, and make backgrounds, buttons, overlays, and text feel more intentional. Divi 5 makes gradients easier to create and manage with its new Gradient Editor, Gradient Variables, and Text Effect settings . Gradients now live inside a unified field, open in a cleaner Gradient Picker, and can be saved as reusable variables. In this post, we’ll walk through what changed, how the new Gradient Picker works, how to create Gradient Variables, and how to use gradient fills, image fills, and text strokes on text elements. What Changed With Gradients In Divi 5? Divi 5’s gradient update focuses on three connected improvements. Unified Gradient Field: Gradient settings are stored together as one complete design value, making gradients easier to copy, paste, extend, inspect, and replace. Gradient Picker Panel: Gradient controls now live in a single panel with a live preview, color st...
Post a Comment
Read more