# Divider block

Source: https://themes.spicydesign.ca/help/reference/blocks/divider/
Updated: 2026-11-12

A thin line that separates content. Settings for the Divider block in the Picante Shopify theme.


A thin line that separates content.

**Where to find it:** open any section sidebar that accepts theme blocks, choose **Add block**, then pick **Divider**.

The same block in the three themes:

![The Divider block in the Picante style.](https://themes.spicydesign.ca/help/shots/block-divider--picante.webp)

![The Divider block in the Overdrive style.](https://themes.spicydesign.ca/help/shots/block-divider--overdrive.webp)

![The Divider block in the Pastille style.](https://themes.spicydesign.ca/help/shots/block-divider--pastille.webp)

When you add this section, it starts from the **Divider** preset.

## Settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Line style | Select | Solid | Solid, Dashed, Dotted |  |
| Thickness | Slider | 2 px | 1 to 16 px, step 1 |  |
| Length | Slider | 100 % | 10 to 100 %, step 5 |  |
| Alignment | Text alignment | left | Left, center, right |  |
| Line color | Select | Text color | Text color, Accent |  |
| Opacity | Slider | 40 % | 10 to 100 %, step 5 |  |

### Padding

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Top padding | Slider | 0 px | 0 to 100 px, step 2 |  |
| Bottom padding | Slider | 0 px | 0 to 100 px, step 2 |  |
| Left padding | Slider | 0 px | 0 to 100 px, step 2 |  |
| Right padding | Slider | 0 px | 0 to 100 px, step 2 |  |

### Motion

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |