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.