{"id":11177,"date":"2015-01-22T14:26:36","date_gmt":"2015-01-22T14:26:36","guid":{"rendered":"http:\/\/avada.theme-fusion.comxml\/?page_id=11177"},"modified":"2019-01-08T21:10:56","modified_gmt":"2019-01-08T20:10:56","slug":"section-separator","status":"publish","type":"page","link":"https:\/\/www.patrikgallati.ch\/index.php\/section-separator\/","title":{"rendered":"Section Separator"},"content":{"rendered":"

Section Separator Shortcode<\/h1>\n

Avada includes an elegant Section Separator shortcode that neatly divides your page into sections. Set the position of the Divider Candy, customize the background color and select a Font Awesome icon to go with it. Further personalize your divider by choosing a color for the icon, as well as it’s border width and color. This shortcode is a great way to organize your site!<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, conzsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.\u00a0Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, conzsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.\u00a0Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident.<\/p>\n<\/div>

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

Divider Candy<\/strong><\/span><\/p>\n

Choose between 3 positions for your Divider Candy: Top, Bottom, or Top & Bottom. Choose to customize the background color, border width, and border color, as well.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

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

Make your divider even more interesting with an icon. Choose from the abundant supply of icons from Font Awesome, and choose their color.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n<\/div>

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

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

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

<\/div><\/div><\/div><\/div><\/div>
  • <\/i><\/span>
    divider_candy<\/strong> – Can be one of these values: top and bottom, top, <\/em>or bottom<\/em>. Sets the position of the triangle candy.<\/div><\/li>
  • <\/i><\/span>
    icon<\/strong> – A font awesome icon value. For example, fa-glass<\/em>.<\/div><\/li>
  • <\/i><\/span>
    icon_color<\/strong> – Accepts a hexcode ( #000000 ).<\/em> Sets the icon’s color. Leave blank for Theme Option selection.<\/div><\/li>
  • <\/i><\/span>
    bordersize<\/strong> – Accepts a pixel value that controls the border size. For example, 1px<\/em>.<\/div><\/li><\/ul>
    <\/div><\/div><\/div>
    • <\/i><\/span>
      bordercolor<\/strong> – Accepts a hexcode ( #000000 ).<\/em> Sets the border’s color. Leave blank for Theme Option selection. Consider matching the color value of the fullwidth section you are using it with.<\/div><\/li>
    • <\/i><\/span>
      backgroundcolor<\/strong> – Accepts a hexcode ( #000000 ).<\/em> Sets the background’s color. Leave blank for Theme Option selection. Consider matching the color value of the fullwidth section you are using it with.<\/div><\/li>
    • <\/i><\/span>
      class<\/strong> – Add a custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li>
    • <\/i><\/span>
      id<\/strong> – Add a custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul>
      <\/div><\/div><\/div><\/div><\/div>

      Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<\/div>