Work with sections

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: The default Card Grid Section contains three cards as shown below. You can add or remove cards from the section, change the image, and edit the title and text.
    New card grid section

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

The following describe how to:

Add a section

Add a section to a freeform page:

  1. Click Edit.
  2. Hover on the page to reveal the section buttons.
  3. To:
    • Insert a section above, click the Add Section button at the top and select Section or Card grid.
    • Insert a section below, click the Add Section button at the bottom and select Section or Card grid.
  4. When you finish editing, click Save.

Remove a section

Remove a section from a freeform page:

  1. Hover in the main white area of the section to reveal the action buttons on the right.
  2. Click Remove
  3. When you are finished editing, click Save.

Move a section

Move an existing section:

  1. Hover in the main white area of the page to reveal the section buttons.
  2. Click Move Up or Move Down.
  3. When you are finished editing, click Save.

Configure a section grid

Configure a section grid:

  1. Hover in the main white area of the page to reveal the section buttons.
  2. Click Edit Section.
  3. Enter values for:
    • Number of rows
    • Grid Gap: Sets the gap between the columns and the rows in pixels.
  4. When you are finished editing, click Save.

The following describe how to work with: