Helping site owners learn WordPress since 2012 · (844) WP-TUTOR
Block Editor

The Spacer Block in Gutenberg

Learn how to use the Spacer block in the WordPress Gutenberg editor to add white space between blocks and adjust its height for cleaner page layouts.

WT
WP Tutoring TeamWordPress Instructors
Updated Nov 2, 2021
1 min read
Table of contents

Step 1

First go to the page where you would like to add the spacer. Click on the plus sign icon in the upper left-hand corner. From there, select the Layout Elements from the drop-down menu. Click on Spacer.

Step 2

A white space will appear within your page. Adjust where you would like the spacer to appear on the page. In the submenu on the right hand side, you can adjust the height of the spacer and any drop-down class you would like. When you’re finished editing your left hand, save your page.

To Learn more about Gutenberg, check out our tutorials

WT

WP Tutoring Team

WordPress Instructors

We’ve been teaching WordPress to individuals and businesses since 2013 — through step-by-step tutorials and 1-on-1 tutoring sessions.

Leave a comment

Comments are reviewed before they appear.

Get our free WordPress starter guide

Join thousands of site owners and get step-by-step WordPress tutorials in your inbox, plus printable cheat sheets.

Beginner-friendly, no jargon
Printable cheat sheets & checklists
Unsubscribe anytime

Request your session

We’ll reply quickly — usually the same business day.

By using this form you agree with the storage and handling of your data by this site.