Spacer

Overview

A Spacer is a simple yet effective layout element that helps improve the visual structure of your pages by adding empty space between content sections. You can add multiple spacers and place them anywhere on the page.

Add a spacer

  1. In the Main Administrative Menu, navigate to Content.
  2. In the Content Overview table, locate the page where you want to add a spacer, and click Edit. This opens the page editor.
  3. Scroll to the bottom of the page editor. From the Add Section dropdown menu, select Add Spacer.
  4. Configure the following settings:
    • Background Color Paragraph: Pick a Background color for the spacer or leave it transparent.
    • Height: Enter the spacer height in pixels (up to 300px).

Tip

To learn where to define new background colors for your Paragraph Types, see Change Look & Feel → Define background colors for paragraph types.

Quick Demo: Add, configure, and reposition a Spacer.