Section Break

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 something inside

Get code

[section_break type="line"][icon icon="fa-star" 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" /]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React