Loading...
Section Separator2018-09-17T16:49:49+00:00

Section Separator

We’ve included 7 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.

 

7 Section Separator Style to Select

Choose from 7 section seperators that match your websites design, or mix them up.

Triangle

Slant

Big Triangle

Rounded Split

Curved

Big Half Circle

Clouds

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.

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com