Separator

The Separator module draws a horizontal line to break up a page. Put text, an icon or an image in the middle of the line. Choose a classic border or a pattern border, and add a shape below.

How to add the Separator module

Add a section and a row, then add the Separator module.
Under Content > Content, choose the Divider Element: Text, Icon or Image.
Style the line under Design > Border.

Content

Divider Element: Text, Icon or Image. Default is Icon.
Divider Text: the text shown on the line when the element is Text.
Select Icon: the icon shown on the line when the element is Icon.
Image: the image shown on the line when the element is Image.

Mask

Use Mask: fills the text or icon with an image. Off by default. It does not apply when the element is Image.
Upload Mask Image: the image used for the fill.

Design

Divider

Content Alignment: Left, Center or Right. Default is Center.
Use Bottom Shape: adds a shape below the line. Off by default.
Select Shape, Shape Width, Shape Weight, Shape Color and Shape Margin: choose and style the bottom shape. Shapes are named Shape 1 to Shape 18.

Divider Text and Divider Text Box

Divider Text: font options for the text. The text is output as a heading. The default level is H1, so set the heading level here to match your page structure.
Divider Text Box: Padding, Background and Border Radius for the box around the text.

Icon/Image

Icon Color, Icon Background, Icon Size and Icon Padding for the icon.
Image Width for the image.

Border

Border Type: None, Classic or Pattern. Default is Classic.
Border Style: for Classic, Solid, Double, Dotted or Dashed (default Double). For Pattern, Curved, Zigzag, Square or Curly (default Curved).
Border Spacing: the gap between the line and the center element. Default is 20px.
Border Color, Border Weight, Border Height and Border offset Top: size and place the line.

Mask

Options for the mask image: Image Repeat, Image Size, Image Position, and a Horizontal Value and Vertical Value for a custom position.