Avada Separator Element Showcase

Below, you will find live examples of the Separator Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

This is a website header – H3

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit.

This is a website header – H4

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Sed porttitor lectus nibh. Proin eget tortor risus.

This is a website header – H5

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

This is a website header – H6

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit.

SINGLE BORDER SOLID

DOUBLE BORDER SOLID

DOUBLE BORDER DASHED

SINGLE BORDER DASHED

SINGLE BORDER DOTTED

DOUBLE BORDER DOTTED

SHADOW

WAVY

COLOR, STYLE, & ALIGNMENT

STYLE & ICONS

The Avada Separator Element offers the following customization options: 9 Styles, Flex Grow, Margin, Separator Width, Alignment (Center/Left/Right), Border Size, Separator Color, Icon, Icon Size, Icon Color, and Circled Icon (Yes/No). The Avada Separator Element is a design tool used to add visual breaks between pieces of content. It helps organize and structure layouts by clearly defining sections or components on a page, providing a clear visual hierarchy. Whether you’re dividing text, creating space between elements, or adding a clean line for emphasis, the Separator Element enhances readability and organizes content structure.

Avada Section Separator Element Featured ImageSection Separator
Avada Social Sharing Element Featured ImageSocial Sharing