Avada Section Separator Element Showcase

The Avada Section Separator Element is used to create visually distinct transitions between content sections on a WordPress page or post by adding decorative shapes or patterns. It offers a range of preset separator styles (20 in total), such as slants, waves, or zigzags, which can be applied to the top or bottom of a section. You can customize the color, height, and positioning of each separator.

Below, you will find live examples of the Section 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.

TRIANGLE

SLANT

BIG TRIANGLE

ROUNDED SPLIT

CURVED

BIG HALF CIRCLE

CLOUDS

HORIZON

WAVES

WAVES BRUSH

HILLS

HILLS OPACITY

GRUNGE

MUSIC

PAPER

SQUARES

CIRCLES

PAINT

GRASS

SPLASH

CUSTOM

The Avada Section Separator Element has the following customization options: 22 Styles, Height, Repeat, Horizontal Position, Vertical Position, Margins, and Background Color. The Section Separator is a visual design feature that enables you to create seamless, stylish transitions between sections, Columns, and Containers on a page. It adds SVG shape-based dividers—such as angles, curves, waves, zig-zags, and various patterns—to enhance the visual flow of content. Custom SVG patterns can also be uploaded and used.

Avada Search Element Featured ImageSearch
Avada Separator Element Featured ImageSeparator