Options Groups¶
Options Groups are reusable collections of settings that appear across multiple Divi 5 elements. Instead of each module implementing its own spacing controls, border settings, or animation options independently, Divi 5 shares these settings through a common options group system.
Quick Reference
Total options groups: 40+ Where to find them: Design Tab and Advanced Tab of any element's settings panel Scope: Shared across all Divi 5 modules, rows, columns, and sections
How Options Groups Work¶
When you open the settings panel for any module, row, column, or section in the Visual Builder, the settings are organized into three tabs: Content, Design, and Advanced. Within each tab, settings are grouped into collapsible sections — these are the Options Groups.
For example, the Spacing options group appears in nearly every element's Design tab and always provides the same margin and padding controls. The Background options group appears in the Content tab and consistently offers color, gradient, image, and video background options. Understanding how these groups work once means you understand them everywhere they appear.
Options Groups Reference¶
Core Design Options¶
These groups appear on virtually every Divi 5 element:
| Options Group | Tab | Description |
|---|---|---|
| Background | Content | Color, gradient, image, and video backgrounds |
| Text | Design | General text styling (font, weight, style, alignment) |
| Sizing | Design | Width, max-width, height, and min-height |
| Spacing | Design | Margin and padding values (responsive) |
| Border | Design | Border width, color, style, and radius |
| Box Shadow | Design | Shadow effects (color, blur, spread, position) |
| Filters | Design | CSS filters (brightness, contrast, saturation, blur) |
| Transform | Design | CSS transforms (scale, translate, rotate, skew) |
| Animation | Design | Entrance animations (fade, slide, bounce, zoom) |
Advanced Options¶
These groups appear in the Advanced tab of most elements:
| Options Group | Description |
|---|---|
| Attributes | CSS ID, CSS classes, and custom HTML attributes |
| CSS | Custom CSS for specific element targets |
| Conditions | Display conditions (user role, page type, date, custom logic) |
| Visibility | Device visibility toggles (desktop, tablet, phone) |
| Transitions | CSS transition timing for hover effects |
| Position | CSS position property and offsets |
| Scroll Effects | Scroll-driven animations (parallax, fade, scale) |
Typography Options¶
These groups control text styling for specific content areas:
| Options Group | Used By |
|---|---|
| Title Text | Modules with headings (Accordion, Toggle, Blurb, etc.) |
| Body Text | Modules with body content areas |
| Closed Title Text | Accordion and Toggle (closed state) |
| Heading Text | Heading module |
| Meta Text | Blog, Portfolio, Post Title |
| Menu Text | Menu and Fullwidth Menu |
| Number Text | Number Counter |
| Percentage Text | Bar Counter |
| Pagination Text | Blog, Portfolio |
Module-Specific Options¶
These groups appear only on certain modules:
| Options Group | Used By |
|---|---|
| Accordion Icon | Accordion |
| Toggle Icon | Toggle |
| Toggle | Accordion, Toggle |
| Button | Button, CTA, Pricing Table, Contact Form, Email Optin, Login |
| Image | Image, Blurb, Blog, Person, Testimonial |
| Image & Icon | Blurb |
| Overlay | Blog, Portfolio, Gallery |
| Elements | Blog, Comments, Post Title |
| Content | Blog content settings |
| Read More | Blog |
| Link | Most modules (URL and target settings) |
| Meta | Admin label and module metadata |
Form & Input Options¶
These groups appear on form-based modules:
| Options Group | Used By |
|---|---|
| Fields | Contact Form, Email Optin, Login |
| Form Field Content | Contact Form |
| Email Optin | |
| Spam Protection | Contact Form |
| Attribute | Various (HTML attribute settings) |
For AI Assistants¶
When helping a user configure a Divi 5 element, check whether the setting they're asking about belongs to a shared Options Group. If it does, the behavior is consistent across all elements that use that group — you can confidently apply knowledge from one module to another.