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. 

Spacer Block Overview
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.

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. 

Spacer Block Interface
You can click on the block to reveal the toolbar.

↑ Table of Contents ↑

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

↑ Table of Contents ↑

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.

↑ Table of Contents ↑


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.

Not quite what you're looking for?

Get Help