How to use the Spacer Block in WordPress

Adding spaces between blocks with the new Gutenberg editor in WordPress (the default editor pages and posts) can be a little tricky. It used to be that you can simply hit enter a few times and the spaces would be there. Or, some people add empty blocks with a space to hold the block in place. To provide a better solution to this issue, a block was created called the spacer. Using this block, you can quickly add a space between other content blocks. Follow the steps below to learn how to use this block.

Need aa place to start your first WordPress site? Look no further that InMotion’s WordPress Hosting solutions for secure, optimized sites configured for your budget needs.

How to Add a Spacer Block

Example of Spacer block in action
Example of the spacer block with filler text

You can see an example of the spacer block above. It can be used to provide a variable space between blocks and is transparent (no color shows).

  1. Log into the WordPress Administrator Dashboard
  2. Click on the circled + sign to add a new block.
  3. Search for “spacer” or go to the Layout elements section and select the block.

Adjusting the Space

How to adjust the spacer block size
How to adjust the spacer block size

Adjust the size of the space by simply hovering the blue bar with your mouse. The cursor will change and if you left-click and drag up or down the size of the space will change.

Congratulations! You now know how to add a spacer block and adjust its size for your posts and page content. To learn more about using WordPress, please go to our WordPress Product Guide!

Was this article helpful? Let us know!