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

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

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.

↑ 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 ↑

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.

Versatile plans and pricing

• Free

  

  Best for students

• Personal

  

  Best for hobbyists

• Premium

  

  Best for freelancers

• Business

  

  Best for small businesses

Choose a plan