Avada Section Separator Element Examples

The Avada Section Separator Element adds visual transitions between sections of a page, making layouts more dynamic and engaging. With multiple styles—such as waves, diagonals, or zigzags—plus complete control over color, size, and placement, it’s an easy way to create a smoother flow and visual interest.

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.

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Search Element Featured ImageSearch
Avada Separator Element Featured ImageSeparator