HR Shortcode

[intense_content_section]
<h2>Introduction</h2>
The horizontal ruler shortcode can be used to separate portions of the page. With the amount of options available, it can also be a powerful design tool. You have the option to use horizontal or vertical rulers. You can even use your own images or any of our predefined shadows.
[intense_hr /]
<h3>Horizontal ruler styles</h3>
[intense_row]
[intense_column size="4" medium_size="4"]
<i>Solid</i>
[intense_hr /]
<i>Double</i>
[intense_hr type="double" /]
<i>Dotted</i>
[intense_hr type="dotted" /]
<i>Double Dotted</i>
[intense_hr type="doubledotted" /]
<i>Dashed</i>
[intense_hr type="dashed" /]
<i>Double Dashed</i>
[intense_hr type="doubledashed" /]
[/intense_column]
[intense_column size="4" medium_size="4"]
<i>Titled Left</i>
[intense_hr type="double" title="Title" /]
<i>Titled Center</i>
[intense_hr type="double" title="Title" title_position="center" /]
<i>Titled Right</i>
[intense_hr type="double" title="Title" title_position="right" /]
<i>Titled w/ Icon</i>
[intense_hr type="dashed" title="Title" icon_type="star" icon_color="info" color="purple" /]
[/intense_column]
[intense_column size="4" medium_size="4"]
<i>Titled Color</i>
[intense_hr type="double" title="Title" title_background_color="#666" title_color="#fff" /]
<i>Titled Color w/ Radius</i>
[intense_hr type="double" title="Title" title_background_color="primary" color="primary" title_color="#fff" title_radius="5" icon_type="repeat" icon_position="right" icon_spin="1" /]
<i>Titled Color w/ Shadow</i>
[intense_hr type="double" title="Title" title_background_color="error" title_color="#fff" title_shadowed="1" /]
[/intense_column]
[/intense_row]

<h3>Vertical styles</h3>
[intense_hr direction="vertical" title="Solid" height="200" /]
[intense_hr type="double" direction="vertical" title="Double" color="error" title_color="black" height="200" /]
[intense_hr type="dotted" direction="vertical" title="Dotted" height="200" /]
[intense_hr type="doubledotted" direction="vertical" title="Double Dotted" height="200" /]
[intense_hr type="dashed" direction="vertical" title="Dashed" height="200" /]
[intense_hr type="doubledashed" direction="vertical" title="Double Dashed" height="200" /]

[intense_hr direction="vertical" title="Top" title_position="top" height="200" /]
[intense_hr direction="vertical" title="Bottom" title_position="bottom" height="200" /]

[intense_hr direction="vertical" type="double" title="Title" title_background_color="#666" title_color="#fff" height="200" /]
[intense_hr direction="vertical" type="double" title="Title" title_background_color="primary" title_color="#fff" title_radius="5" icon_type="repeat" icon_position="right" icon_spin="1" height="200" /]
[intense_hr direction="vertical" type="double" title="Title" title_background_color="error" title_color="#fff" title_shadowed="1" height="200" /]
[/intense_content_section]

[intense_content_section]
<h3>Image <small>(Below are example images. Easily use your own.)</small></h3>
<i>Full - horizontal and vertical</i>
[intense_row padding_top="0"]
[intense_column size="8" medium_size="8"]
[intense_hr type="image" imageid="3028"/]
[intense_hr type="image" imageid="3029"/]
[intense_hr type="image" imageid="3027"/]
[/intense_column]
[intense_column size="2" medium_size="2"]
[intense_hr type="image" direction="vertical" imageid="3031" height="333" imagedimension="105"/]
[/intense_column]
[intense_column size="2" medium_size="2"]
[intense_hr type="image" direction="vertical" imageid="3030" height="333" imagedimension="67"/]
[/intense_column]
[/intense_row]

<i>Repeat - horizontal and vertical</i>
[intense_row padding_top="0"]
[intense_column size="6" medium_size="6"]
[intense_hr type="image" imagemode="repeat" imageid="3026" title="Repeat" title_position="center"/]
[intense_hr type="image" imagemode="repeat" imageid="3025"/]
[intense_hr type="image" imagemode="repeat" imageid="3032"/]
[intense_hr type="image" imagemode="repeat" imageid="3033" imagedimension="25"/]
[/intense_column]
[intense_column size="1" medium_size="1"]
[intense_hr type="image" direction="vertical" imagemode="repeat" imageid="3026" height="150"/]
[/intense_column]
[intense_column size="1" medium_size="1"]
[intense_hr type="image" direction="vertical" imagemode="repeat" imageid="3025" height="150"/]
[/intense_column]
[intense_column size="1" medium_size="1"]
[intense_hr type="image" direction="vertical" imagemode="repeat" imageid="3032" height="150"/]
[/intense_column]
[intense_column size="1" medium_size="1"]
[intense_hr type="image" direction="vertical" imagemode="repeat" imageid="3033" imagedimension="25" height="150"/]
[/intense_column]
[/intense_row]

<h3>This is a "small" horizontal ruler</h3>
[intense_hr size="small" /]Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
<h3>This is a "medium" or standard horizontal ruler.</h3>
[intense_hr /]Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[/intense_content_section]
[intense_hr size="large" /]
[intense_content_section padding_top="0"]
<h3>Above is a "large" page-splitting horizontal ruler.</h3>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<i>Shadow 1</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="1" /]
<i>Shadow 2</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="2" /]
<i>Shadow 3</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="3" /]
<i>Shadow 4</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="4" /]
<i>Shadow 5</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="5" /]
<i>Shadow 6</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="6" /]
<i>Shadow 7</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="7" /]
<i>Shadow 8</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="8" /]
<i>Shadow 9</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="9" /]
<i>Shadow 10</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="10" /]
<i>Shadow 11</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="11" /]
<i>Shadow 12</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="12" /]
<i>Shadow 13</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="13" /]
<i>Shadow 14</i>
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in.
[intense_hr shadow="14" /]

[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]