Heading, Highlight, Divider

[symple_heading type=”h2″ title=”Left Aligned Heading” margin_top=”20px;” margin_bottom=”20px” text_align=”left”]

The heading shortcode is a simple way to add styled headings to pages and posts. Us the shortcode to add any number of heading styles (h1, h2, h3, etc.), set margins, and set the alignment.

[symple_heading type=”h2″ title=”Choose A Color For Your Heading” margin_top=”20px;” margin_bottom=”20px” text_align=”center” color=”#f46c0a”]

Add a color (hex value) to match your website. There are infinite color options for you to choose from!

[symple_heading type=”h2″ title=”Lined Class Heading” margin_top=”40px;” margin_bottom=”20px” text_align=”center” class=”lined”]

Add a “lined” class to create a thicker style heading.

[symple_heading type=”h2″ title=”Highlights” margin_top=”60px;” margin_bottom=”20px” text_align=”left”]

Highlights are a great way to draw attention to specific bits of information in post and page content. Use the yellow, green, blue, and red highlights to make important dates, links, names, products, or an other text stand out.

[symple_highlight color=”yellow”]Lorem ipsum t, consectetur[/symple_highlight] adipiscing elit. Etiam rhoncus accumsan elit sed. Lorem ipsum t, consectetur adipiscing elit. [symple_highlight color=blue]Etiam rhoncus accumsan elit sed[/symple_highlight]Lorem ipsum t, [symple_highlight color=red]consectetur adipiscing elit.[/symple_highlight] Etiam rhoncus accumsan elit sed.[symple_highlight color=green]Etiam rhoncus accumsan elit sed[/symple_highlight]

[symple_heading type=”h2″ title=”Dividers” margin_top=”60px;” margin_bottom=”20px” text_align=”left”]

Dividers add a little something extra on pages with lots of content and make excellent separator between content sections. Have fun with the different styles to create unique page layouts.

Solid Divider

[symple_divider style=”solid” margin_top=”0px” margin_bottom=”40px”]

Dashed Divider

[symple_divider style=”dashed” margin_top=”0px” margin_bottom=”40px”]

Dotted Divider

[symple_divider style=”dotted” margin_top=”0px” margin_bottom=”40px”]

Double Divider

[symple_divider style=”double” margin_top=”0px” margin_bottom=”40px”]

FadeIn Divider

[symple_divider style=”fadein” margin_top=”0px” margin_bottom=”40px”]

FadeOut Divider

[symple_divider style=”fadeout” margin_top=”0px” margin_bottom=”40px”]