# Divider

> A simple section to add a highly customizable divider to any page. Simple, useful, free.

URL: https://sectionstar.app/sections/divider/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**Divider** is a Shopify theme section in the Section Star library. A simple section to add a highly customizable divider to any page. Simple, useful, free.

## About the Divider section

The "Divider" section for Shopify, designed using the Section Star app, offers a customizable horizontal divider to enhance the design and structure of your store's content. This section allows you to add a visually appealing break between different parts of your page, helping you to better organize and highlight key information. With various settings for color, size, and padding, you can tailor the section to fit seamlessly into your store's overall aesthetic.

## Live demo

## Use cases

1. **Separation of Content**: Use the Divider section to create a clear distinction between different content areas on your homepage, such as separating featured products from testimonials.
2. **Highlight New Collections**: Place a Divider section above or below new collection announcements to draw attention and create visual interest.
3. **Breaking Up Long Pages**: For stores with long content pages, such as detailed blogs or extensive product descriptions, the Divider can be used to create manageable sections, improving readability.
4. **Promotional Banners**: Incorporate the Divider section above or below promotional banners to enhance visibility and create a more polished look.
5. **Style Enhancements**: Use the customizable options to match the Divider section with your store’s branding, ensuring a cohesive design throughout your site.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Colors
Set colors for the section.

| Setting | Type | Default |
| --- | --- | --- |
| Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Divider Color | Color or gradient | linear-gradient(164deg, #ccc 0%, #ccc… |

### Dimensions
Set the section dimensions in pixels.

| Setting | Type | Default |
| --- | --- | --- |
| Max Width of Section | Number | 1000 |
| Divider Height | Range | 5 |
| Divider Width | Range | 25 |
| Divider Border Radius | Range | 3 |
| Padding Top | Number | 25 |
| Padding Bottom | Number | 25 |
| Padding Left | Number | 10 |
| Padding Right | Number | 10 |