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

1. Block Interface
2. Block Settings Panel

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. 

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. 

💡

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

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.

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. Learn more.