Line

What is a Line?

A Line is a horizontal line element that can be added between other elements on a webpage to visually separate content. It can be placed within any section and between sections.

Adding a Line

Option 1

• Hover over the desired section, and click the Add Element:

• Choose the Line element from the modal that appears:

• After you choose the element from the list, drag it to the desired section.

Option 2

• Hover over the left sidebar of the Site Editor and click Build (+) button:

• Choose the element:

• After you choose the element from the list, drag it to the desired section.

Customizing a Line

Moving the Line

• Hover over the line's upper edge, click the moving control, and drag it to a new placeholder.
• The element acquires the size of the selected placeholder:

Resizing the Line

• To resize horizontally, hover over the left or right side, drag the vertical line, and release.
• To resize a line within a section, resize the entire section.

Line Toolbar

Click a Line to access the editing menu:

• Width: Choose from predefined widths (100%, 75%, 50%, 25%).

• Alignment: Align the line to the left, right, or center.

• Line Settings: Customize color, spacing, and style.

Deleting the Line

To delete a line:

• Hover over it and click the Delete button [x] in its top-right corner that appears:

• The element will be removed immediately.