Loading...
Separators & Dividers2018-10-03T07:10:28+00:00

Separator Element

Avada includes five different divider lines; single, double, dotted, dashed and shadow. They are perfect to use to break up content and draw the users eye to the next section. Each divider short code also has a spacer element included that allows you to adjust the spacing to obtain more or less around the divider.

Free Updates & Support

Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.

0
Wonderful Users & Counting
0
Support Threads Resolved
0
Hours of Development
0
Cups of Coffee

7 Separator Borders Style

We have included 7 different separator style borders to use when splitting up your content. Each has customization options, but you’ll read more about those further down the page.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Icon Control

Our separators have Font Awesome 5 integration, which allows you to add icons to your separators to improve the way your content is organised.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Border Control

And finally we allow you the ability to control the size of the separator borders to suit the type of design you are using or creating.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

Phasellus vitae consectetur ligula. Nullam aliquet varius tortor, non blandit ligula. Nunc sodales urna quam, id finibus metus interdum quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget mi mollis, venenatis nibh ac, dignissim turpis. Duis ultricies augue sed lacus porta rhoncus. Etiam non diam vitae purus tincidunt dapibus efficitur quis orci.

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 separator shortcode is listed below.

  • style_type – Can be one of these values: none, single, double, single|dashed, double|dashed, single|dotted, double|dotted, or shadow. Sets the separator’s line style.
  • top_margin – Accepts a numerical value to set the top margin. For example 40 to increase spacing, or –40 to decrease spacing.
  • bottom_margin – Accepts a numerical value to set the bottom margin. For example 40 to increase spacing, or –40 to decrease spacing.
  • sep_color – Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the separator’s color. Leave Blank for Theme Option selection.
  • border_size – Accepts a pixel value to set the border size. For example, 1px. Leave blank for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_circle – Can be one of these values: default, yes, or no. Sets if the icon is circular or not. Choose default for Theme Option selection.
  • icon_circle_color – Accepts a hexcode ( #000000 ) that sets the background color of the circle around the icon. Leave Blank for Theme Option selection.
  • width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • alignment – Can be one of these values: center, left, or right. Sets the separator’s alignment. Can only be used when a width is specified.
  • 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.

Join The 450,000+ Satisfied Avada Users!

BUY AVADA NOW!

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