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. 

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.

Add Spacer Block
Add Spacer Block

Detailed instructions on adding blocks can be found here.

Block Interface 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. 

You can click on the block to reveal the toolbar.
You can click on the block to reveal the toolbar.

Top ↑

Block Settings Panel Block Settings Panel

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

Spacer Block Settings Panel
Spacer Block Settings Panel

Top ↑

Spacer Settings 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.

Top ↑

Advanced Advanced

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.

Spacer Block - Advanced Tab
Spacer Block – Advanced Tab