he Spacer Block allows you to add adjustable space between blocks, helping you create a well-structured and visually appealing layout. This versatile tool enables precise control over the spacing in your content, ensuring a clean and organized appearance.

How to add an spacer block

  • Click on the ‘+’ button and choose the ‘Spacer’.
  • Alternatively, type /spacer and press enter.

Block toolbar

Each block has its own set of tools for customization. Here’s what you’ll find in the Separator block toolbar.

Transform to

The ‘Transform to’ button lets you change a Spacer Block into other blocks like ‘Columns’ or ‘Group’. This feature allows you to seamlessly adjust your layout with a simple click, ensuring your content looks just the way you want.

Drag & Move

Use the six-dot icon to drag your block, or the up and down arrow buttons let you move a block one position higher or lower.

More Options

The More options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate, remove, or edit your block as HTML.

Block Settings

Access the Spacer Block settings by clicking on the Spacer Block. The settings panel will appear on the right side, allowing you to customize your Spacer Block options for a tailored layout.


You can adjust the height of the spacer from 0px to 300px, 0% to 100%, or 0rem to 100rem to create the desired amount of space between blocks.


Add HTML anchors or CSS classes for unique styles or navigation. The HTML anchor settings allow you to create a unique anchor text for the Group block, enabling you to link it to another web page.


The Spacer Block provides dimension settings options to add margin for better spacing and alignment.

Additional resources