Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using Spacer Blocks

Spacer Blocks add an adjustable amount of empty space between blocks. You can use Spacer Blocks to create padding and white space on pages and blog posts. Spacer Blocks can also help resize images and other blocks.

Tip: You can add padding in other areas, like below banners or above footers, in your style settings. To learn more, visit Making style changes.

Watch a video

Step 1 - Add the Spacer Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Spacer from the menu.
  4. For more detailed steps, visit Adding blocks.

Step 2 - Place the block

Click and drag the block to its new location. Look for guidelines to help with placement. For more help, visit Moving Blocks.

As a column

You can also click and drag the Spacer Block so the guideline displays vertically. The block will then create its own column.

Step 3 - Resize the block

Spacer Blocks can be used to resize other blocks in a content area. As Spacer Blocks are resized, the surrounding content will adjust accordingly.

Tip: While dragging the resize handle, hold the Shift key to resize the block in even increments.


To resize a Spacer Block vertically, click on it, then drag the resize handle up or down.


To resize a Spacer Block horizontally, click on it, then drag the resize cursor left or right.

Mobile display

Spacer Blocks placed beside other blocks (including other Spacer Blocks) don't display on mobile. Instead, your site content expands to the full width of your mobile screen.

Spacer Blocks placed above or below other blocks only appear on mobile in these template families:

  • Brine
  • Farro
  • Pacific
Was this article helpful?
61 out of 190 found this helpful