Add the Space & divide block

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
• Add a box around your product info with the Wrapper block

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