web_line Shortcode
The web_line shortcode draws a horizontal decorative rule with a design-system color, explicit thickness, width and alignment.
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_line]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
line_color |
— | Configured design-system color value | Sets the rule's background-color class. |
line_height |
1 |
Pixel number | Sets the rule thickness. |
line_width_in |
pixels |
pixels, percentage |
Chooses whether width is absolute or relative to the wrapper. |
line_width_pixels |
1 |
Number | Set the line width (pixels). Available when line_width_in is pixels. |
line_width_percentage |
1 |
Number | Set the line width (percentage). Available when line_width_in is percentage. |
line_alignment |
center |
left, right, center |
Positions a rule narrower than its wrapper. |
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
Check the rule against its surrounding background and at narrow widths. Verify percentage width scales with the container, pixel width remains fixed, and the chosen alignment is visible. Treat the line as decoration rather than the only separator between titled sections.