# Add the Space & divide block

> Add space between blocks, with an optional divider line. Use a negative height to pull blocks closer.

The **Space & divide** block adds space between two blocks. It can also draw a divider line.

## Before you start

You need Section Store Plus or its free trial.

## Add the block

1. In Shopify admin, open **Apps** → **Section Store** → **Conversion Blocks**.
2. On the **Space & divide** card, click **Edit In Theme**.
3. Pick your theme. Your live theme has a green dot.
4. The theme editor opens on your product template with the block added.
5. Drag the block between the two items.
6. Set **Height**.
7. Click **Save**.

## Settings

- **Layout:** **Height** runs from -50 to 100 px and starts at 20. **Background** colors the space.
- **Divider:** **Show line** turns the line on. Then set **Style** (**Solid**, **Dotted**, **Dashed**), **Width** (0 to 100%), **Thickness** (1 to 10 px), **Roundness** and **Color**.
- **Advanced:** **Custom CSS**.

## Good to know

- A negative **Height** pulls the blocks around it closer. This works with some themes, not all.
- The line sits in the middle of the space.
- Each block also has its own **Padding** settings.

## Related

- [Change Conversion Block fonts and colors](https://section-store.orka.help/a/change-conversion-block-fonts-and-colors)
- [Add a box around your product info with the Wrapper block](https://section-store.orka.help/a/72-setup-wrapper)

*Also searched as:* space divide, spacer, divider line, gap between blocks, spacing between blocks, too much space between blocks, remove gap, horizontal line