Section Separator

We’ve included 12 different ways for you to separate sections of content on your website, each more beautiful than the last. Our section separators have been designed to give you the ultimate in page compartmentalization flexibility, and aid you in making your website legible, logical, and beautiful…all at the same time.

Vivamus at metus ut nunc condimentum gravida. Morbi imperdiet nisl et pellentesque molestie. Integer eu ligula at risus pretium accumsan et a augue mouse click here. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Nam dolor eros, faucibus id sagittis ut, posuere sit amet erat. Curabitur vel massa nibh. Praesent eget magna nec augue mollis aliquam. Cras consectetur, augue et cursus rutrum, augue augue iaculis nisl.

 

Etiam laoreet rhoncus risus, a lobortis quam vehicula vitae. Suspendisse dictum leo sed nibh pharetra rhoncus. Morbi ultricies eros non est gravida, vel vehicula lectus fermentum. Nunc sodales sodales mi, vel ultrices.

 

12 Section Separator Styles to Select

Choose from 12 section separator styles that match your websites design, or mix them up.

Triangle

Slant

Big Triangle

Rounded Split

Curved

Big Half Circle

Clouds

Hills Opacity

Hills

Horizon

Waves Opacity

Waves

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Show on Desktop

Only Show on Tablet

Only Show on Mobile

Complete Set of Options

Every option and description included with the FAQ element is listed below.

  • divider_type – Can be one of these values: triangle, slant, bigtriangle, rounded-split, curved, big-half-circle and clouds. Sets the section separator’s type.
  • divider_position – Can be one of these values: left, center, or right. Sets the section separator’s position.
  • divider_candy – Can be one of these values: top and bottom, top, or bottom. Sets the position of the section separator candy.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • bordersize – Accepts a pixel value that controls the border size. For example, 1px.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection. Consider matching it with the full width section you are using.
  • backgroundcolor – Accepts a hexcode ( #000000 ). Sets the background’s color. Leave blank for Theme Option selection. Consider matching it with the full width section you are using.
  • hide_on_mobile – Can be one of these values: small-visibility, medium-visibility or large-visibility. Shows or hides the column on mobile phone devices.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.