The section break shortcode allows you to display breaks between content sections. The options for this shortcode are shown below. See examples here.
| Option | Default | Example | Description |
|---|---|---|---|
| type | line | type="graphics" | The type of break will determine how it looks:
|
| type_css_size | (empty) | type_css_size="-lrg" | Size of the break (only applies to line type):
|
| type_css_color | (empty) | type_css_color="-prime" | Color of the break (only applies to line type):
|
| type_css_style | (empty) | type_css_style="dotted" | Style of the break (only applies to line type):
|
| type_css_design | (empty) | type_css_design="left-detail" | Style of the break (only applies to line type):
|
| type_image | diagonal | type_image="diagonal-transp" | Style of the break (only applies to graphics type):
|
| margin_top | 20 | margin_top="10" | Add a CSS margin-top in pixels. |
| margin_bottom | 20 | margin_bottom="10" | Add a CSS margin-bottom in pixels. |
| width | (empty) | width="250" | Add a CSS width to the section break. |
| position | (empty) | position="pos-left" | Position:
|
| stretched | 0 | stretched="1" | This will stretch the section break to the edge of the main container. |
| hide | (empty) | hide="hide-phone" | This gives you the ability to hide this shortcode on the devices you select:
|
Examples
[section_break]
[section_break type="diagonal"]