Adjust the space between blocks

You can control the amount of space between blocks in your posts and pages to create a layout that looks just right. In this guide, you’ll learn how to adjust spacing using block settings and the Spacer block.

Many blocks have built-in spacing controls, such as Padding and Margin, which let you adjust the space inside and around a block.

To adjust the spacing around specific blocks, follow these steps:

1. Click the block you want to adjust.
2. In the block settings sidebar, look for the Dimensions option.
3. Adjust the Padding or Margin values as needed.

Learn more about block dimension settings.

The Spacer block lets you add custom space between blocks anywhere on your page or post.

1. Click the block inserter (+) and search for Spacer.
2. Click Spacer block to add it between your blocks.
3. Select the Spacer block to reveal its settings in the sidebar.
4. Drag the blue handle or enter a specific height in the sidebar to set the amount of space.

The Block Spacing setting controls the space between blocks inside a container block, such as the Gallery block or the Columns block. For blocks that are not already grouped, you can use the Group block to adjust spacing between them.

To adjust or remove the space between two non-nested blocks, group them and use the Block Spacing setting. This helps you create a more compact or custom layout.

To group blocks and adjust the spacing between them, follow these steps:

1. Open List View and locate the blocks you want to adjust.
2. Select the first block.
3. Hold the Shift key on your keyboard, and select the second block to select both blocks.
4. Click the Options menu (⋮) and click the Group option.
   • The selected blocks will be placed inside a Group block.
5. With the Group block selected, open styles in the block settings sidebar.
6. In the Dimensions section, find Block Spacing.
7. Click the Set custom size icon.
8. Enter 0 as the custom size to remove all space between the blocks.

If you see extra space on a page and are unsure of the cause, check for empty blocks in your content.

To remove extra space caused by empty blocks, follow these steps:

1. Open List view to see all the blocks on the page.
2. Look for any blocks with no content, such as an empty Group or Paragraph block.
3. Click the three dots (⋮) next to the block name and select Delete from the drop-down menu.
4. Click Save to save your changes.

• If spacing changes are not visible, try refreshing the page or clearing your browser cache.
• Some themes may have default spacing that overrides your settings. Check your theme’s documentation if needed.

For more details on customizing blocks, visit the block settings guide.