Fancy Divider
Fancy Divider separates content with a styled line and optional icon, text, or image. Use it to mark a change between related sections.
Add and configure Fancy Divider
- Click Add, choose Fancy Divider, and place it in the container.
- Choose Content > Divider > Content.
- Configure the Icon, Text, or Image field shown for that choice, and set Tag where applicable.
- Style Design > Divider, Content, and Spacing.
- Save your changes.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Divider
| Setting | Purpose and options | Behavior |
|---|---|---|
| Content | Icon, Text. | Shared |
| Icon | Icon. When: Content = Icon. | Shared |
| Text | Visible text. When: Content = Text. | Shared |
| Image | WordPress media. When: Content = image. | Shared |
| Tag | h1, h2, h3, h4, h5, h6. When: Content = Text. | Shared |
Design > Divider
| Setting | Purpose and options | Behavior |
|---|---|---|
| Style | Dotted, Dashed, Solid, Double, Waves, Zigzag, Pills, Stars, Stripes, Leafs, Smiley, Arrows, Pluses, Triangles, Doodles, Dots, Rectangles, Half Circle. | Shared |
| Pattern > Color | Color or supported fill. | Shared |
| Pattern > Size | Size and unit. | Shared |
| Pattern > Amount | Amount and unit. When: Style ≠ Dotted, Dashed, Solid, Double. | Shared |
| Width | Width. | Responsive |
Design > Content
Shown when Content is set.
| Setting | Purpose and options | Behavior |
|---|---|---|
| Space Around | Space around and unit. | Shared |
| Position | left, center, Right. | Shared |
| Typography | typography controls. | See linked controls |
| Setting | Purpose and options | Behavior |
|---|---|---|
| Size | Size and unit. When: Content is set and Content = Icon. | Shared |
| Color | Color or supported fill. When: Content is set and Content = Icon. | Shared |
| Width | Width. When: Content is set and Content = image. | Shared |
| Borders | borders controls. When: Content is set. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
The selected content is missing
Check Content mode and populate the matching Icon, Text, or Image field.
The line crowds the label
Review Divider and Content spacing with the longest label.