{"id":3729,"date":"2013-05-24T20:56:50","date_gmt":"2013-05-24T20:56:50","guid":{"rendered":"http:\/\/avada.theme-fusion.comxml\/?page_id=3729"},"modified":"2013-05-24T20:56:50","modified_gmt":"2013-05-24T20:56:50","slug":"separators","status":"publish","type":"page","link":"https:\/\/www.patrikgallati.ch\/index.php\/separators\/","title":{"rendered":"Separators"},"content":{"rendered":"

Separator Shortcode<\/h1>\n

Avada includes several different separator styles. They are perfect to use for breaking up content and draw the users eye to the next section. Each separator shortcode also has margin settings included that allows you to adjust the spacing so you can obtain more, or less, around the divider.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Separator Styles<\/strong><\/span><\/p>\n

There are 8 different separator styles: No Style, Single Border Solid, Double Border Solid, Single Border Dashed, Double Border Dashed, Single Border Dotted, Double Border Dotted, or Shadow.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.<\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Customization Settings<\/strong><\/span><\/p>\n

Control the top and bottom margin of the separator, as well as it’s color, and width. You can also choose to display an icon in the center.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div>
<\/div><\/i><\/span>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div>
<\/div><\/i><\/span>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Complete Set of Options <\/strong><\/span><\/p>\n

Every option and description included with the separator\u00a0shortcode is listed below.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>