Elements Management

What are Elements?

An element is a pre-designed layout component that you can use to create custom, professional-looking website pages with the Site Editor.

Adding Elements

  • Hover over the desired section and click Add Element:

  • Choose the element from the modal that appears:

Moving Elements

To move an element:

  • Hover over the element to display the moving control. Click the moving control and drag the element from one placeholder to another.

  • The component takes on the size of the selected placeholder.

Resizing Elements

You can resize elements vertically and horizontally in the Site Editor:

  • To resize an element vertically, hover over it, click the resizing control that appears at the bottom, and drag it upwards or downwards. Drop the control to save changes.

  • To resize an element horizontally, hover over it to display parallel vertical lines to its right and left. Drag one of the lines to resize the element and release it to save changes.

  • Similarly, you can resize an element section by dragging one of the vertical lines to the right or left. All elements in the section will be enlarged to the same size.

Deleting Elements

  • To delete an element, hover over it and click the Delete button [x] that appears in its top-right corner:

  • The element will be immediately removed.