web_separator Shortcode
The web_separator shortcode renders the separator component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_separator]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
separator_type |
split |
split, regular |
Select the type of separator. |
separator_content |
icon |
icon, image |
Select split separator content. Available when separator_type is split. |
separator_icon |
— | String unless stated otherwise | Choose separator icon. Available when separator_content is icon. |
separator_image |
— | String unless stated otherwise | Choose separator image. Available when separator_content is image. |
separator_text |
— | String unless stated otherwise | Add text to split separator. Available when separator_type is split. |
separator_text_tag |
span |
span, h1, h2, h3, h4, h5, h6 |
Select the type of separator. Available when separator_type is split. |
separator_width |
small |
small, medium, full |
Select the width of separator. |
separator_thickness |
1 |
Number | Choose the thickness of the separator. |
separator_style |
solid |
solid, dashed, dotted, double, groove, ridge, inset, outset |
Select the width of separator. |
separator_color |
— | String unless stated otherwise | Choose separator color. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter section ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Verification
Inspect web_separator at every layout breakpoint and confirm its child content keeps a logical source and visual order. Pay particular attention to separator_type and separator_content.