Work with separators

Sections divide a page into logical groups. Two types are available:

  • Section: Holds components such as buttons, text blocks, and tables. A grid to help you position components become visible when you drag a component on a section or reposition it.
  • Card grid: A new Card grid section contains three cards, but you can add or remove cards, change the image, and edit the title and text.

Separators visually divide a page with a solid, dashed, or dotted line.

To work with separators: open a page by clicking it in the Site pane and click Edit.

The following describe how to:

Add a separator

To add a separator:

  1. Hover near the header and click Add elements.
  2. Click Separator. A separator appears on the page.
  3. Drag the separator to the appropriate location.
  4. Click the edit pen to change:
    • Line style
    • Color
    • Width
  5. Use the handles to re-size the separator.
  6. Grab the separator to move it.
  7. When you are finished editing, click Save.

Remove a separator

To remove a separator:

  1. Select the separator. The component toolbar displays:
    Toolbar

  2. Click the trash can icon.

The following describe how to work with: