What’s this?
Here is a useful shortcode to create vertical lines in many different styles. You can add other shortcodes inside, like icons or headings. They can also be used for simply creating blank space to separate other elements. Examples below.Line
Get code
[section_break type="line" /]
Add button inside
Get code
[section_break type="line-lrg"][button icon="far fa-lightbulb" size="med" radius="big-corners" position="center" custom_margin="1"[/button][/section_break]
Add icon inside
Get code
[section_break type="line-lrg"][icon icon="fas fa-globe-europe" font_size="44" position="center"][/section_break]
Large line
Get code
[section_break type="line-lrg" /]
Primary color
Get code
[section_break type="line-prime" /]
Large primary color
Get code
[section_break type="line-lrg-prime" /]
Light diagonal lines
Inside a Dark Box, so you can see it.
Get code
[section_break type="diagonal" /]
Dark diagonal lines
Get code
[section_break type="diagonal-dark" /]
Light indent
Inside a Dark Box, so you can see it.
Get code
[section_break type="indent-light" /]
Dark indent
Get code
[section_break type="indent-dark" /]
Or create extra blank space
Get code
[section_break bottom_margin="60px" type="blank" /]