Blocks » Spacer Block

If you feel like you’d like to see more space in between two blocks, the spacer block is what you are looking for. 

Table of Contents

an animated image of the block inserter icon being clicked and the spacer block being inserted.
Spacer block overview

In order to add an spacer block, click on the Block Inserter icon.

You can also type /spacer and hit enter in a new paragraph block to add one quickly.

the keyboard shortcut of /spacer to add the spacer block.

Detailed instructions on adding blocks can be found here.

Block Interface

Each block has its own block-specific controls that allow you to manipulate the block right in the editor. The spacer block is pretty straightforward so it only has the more options control. 

the spacer block with the block toolbar above the block.
You can click on the block to reveal the toolbar.

↑ Table of Contents ↑

Block Settings Panel

If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. 


a cog icon for the sidebar settings menu.

If you do not see the sidebar, click the ‘cog’ icon next to the Publish or Update button.

Spacer Block Settings menu with Spacer Settings and Advanced options.

Spacer Settings

On this tab, you can adjust the height (in pixels) of the space you want to add by either typing the number or clicking on the up and down arrows to make the height bigger or smaller respectively.


The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. Learn more.

the Additional CSS classes option in the block settings panel.

Not quite what you're looking for?

Get Help