How To Add Space Between Blocks In WordPress (Gutenberg)

Want to add some extra space between blocks in Gutenberg? It’s very easy and takes less than a minute. 

Let me show you how. 

In your Gutenberg editor, click on the ‘+’ icon to add a new block. Here, search for the ‘Spacer’ block and add it to your post. 

The spacer block adds space between any two blocks in WordPress. By default, the height of the spacer is set to 100px. 

You can change the height of the spacer by increasing or decreasing its value from the Spacer block settings located in the sidebar.

Spacer height value can be incremented or decremented by 10 if you use the up and down arrow keys. Moreover, you can enter your own value manually in the height field. 

Now you know how to add space between blocks in WordPress. It’s quite simple, isn’t it? 

But there’s something important that you need to note: 

Do not use the spacer block in Gutenberg every time you want to add space between paragraphs. 

The spacer block adds extra HTML to the page which affects the performance. 

You should use the spacer block occasionally whenever you need extra space required between blocks. 

If you want to add extra space between paragraphs, a better way to add it would be to write some CSS code. 

You can find the block’s CSS selector and add some margins or paddings to the element by writing custom CSS.

Conclusion 

So, that’s all about adding extra space between blocks in Gutenberg using the spacer block. I hope this tutorial helped you learn about the spacer block and how you can use it. 

If you have any questions regarding the tutorial or any query related to Gutenberg, feel free to ask them in the comments below. 

I’ll do my best to answer your questions and clear any doubts you have.

Leave a Comment

Your email address will not be published. Required fields are marked *

Copy link
Powered by Social Snap