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

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

Note: You can add padding in non-content areas, such as below banners or above footers, with the Style Editor. The padding options vary by template. For assistance with this, 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. The guideline will indicate its 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 the Spacer Block is resized, the surrounding content will adjust accordingly.

Vertically

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

Horizontally

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

Mobile display

Spacer Blocks only appear on mobile for the following templates. Templates are grouped by family.

  • Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West
  • Farro, Haute
  • Pacific, Charlotte, Fulton, Horizon, Naomi
Was this article helpful?
41 out of 98 found this helpful
Using the Spacer Block