Back to Website
Product Documentation CMS Configure CMS Design blocks Spacer Block

Space Block

If you want to have a space between two blocks, you will want to use the spacer block. 

Add a spacer block

689_product_documentation_cms_use_embed_block_spacerIcon.jpg
  • Click on the Add Block icon.
  • Search for the word "spacer", then select the icon.
689_product_documentation_cms_use_spacer_block_slashCommand.jpg
  • Alternatively, you can use the slash command and enter "/spacer" in a new paragraph block, then press enter to add one quickly.

Block Toolbar

The Spacer Block’s toolbar consists of the following tools to customize each block:

Transform to

689_product_documentation_cms_use_spacer_block_transform.jpg

You can transform a Spacer block into Columns or Group block.

689_product_documentation_cms_use_spacer_block_selectBackgroundColor.jpg

Transforming to a Group block or Columns block will let you change the color of the Spacer.

Move

689_product_documentation_cms_use_spacer_block_movingTools.jpg

Use the block-moving tools to move the spacer block up and down on the page. You can also use the six dots icon to drag and drop the Spacer Block and reposition it anywhere on the page.

More options

689_product_documentation_cms_use_spacer_block_moreOptions.jpg

These controls give you the option to copy, duplicate, edit your block as HTML, or remove your Spacer block from the page.

Block Settings

Every block has specific options in the right-hand sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon in the upper right corner of the screen to activate the sidebar.

Spacer Settings

In the Block menu, you can adjust the height of the spacer in pixels by typing the number in the box. You can also drag the blue circle to the right to increase the spacer's height, or to the left to decrease the spacer's height.

In this article