# Divider

The Divider block is a simple and flexible horizontal rule you can drop into any product page to cleanly separate chunks of content.

<figure><img src="/files/togPXgH5H5xsnNAyge21" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Adjustable Thickness & Color: Control line weight and pick any color so the divider can be ultra-subtle or boldly stand out.
* Spacing Controls: Precisely adjust top/bottom margins and inner padding so there’s just the right amount of “breathing room” before and after the line.

## Benefits

* Improves Readability: It helps your customers scan key information faster without feeling overwhelmed.
* Guides the Eye: It helps direct attention to where you want it—whether that’s the start of a new feature section or the call-to-action at the bottom of the page.

## How To Use?

1. After installing the **Divider** blocks. Going to the Shopify Editor sidebar, select the product page temple, click **Add Section** in the **Template** tab.
2. Choose the **Divider** block

<figure><img src="/files/8wd5R3XZglULEsBQMybN" alt=""><figcaption></figcaption></figure>

3. Copy the block ID. For example: **smi-block-divider-1**

<figure><img src="/files/mRL2f7RcPwhogW69GBWB" alt=""><figcaption></figcaption></figure>

4. On the **Product Detail** sections, click **Add Block** and add **Smind Block** to the section

<figure><img src="/files/yuTygK6xuINfMRb8rLo8" alt=""><figcaption></figcaption></figure>

5. On the **Smind Block**, insert the block ID of divider which is **smi-block-divider-1** to the Section ID and change the block name if you want.

<figure><img src="/files/bq4ESPuWNg7T1h7PJgEV" alt=""><figcaption></figcaption></figure>

6. Next, you can rearrange the relevant blocks within the product detail sections

<figure><img src="/files/LBChOVdTZ5Qg5sp98ZYg" alt=""><figcaption></figcaption></figure>

7. Finally, let's start to customize the **Divider** block

<figure><img src="/files/czZDjZUMEf4C088AapFG" alt=""><figcaption></figcaption></figure>

* Block ID: The unique ID of divider blocks
* Content Max Width: Set the maximum width of the timer’s content area can stretch to.
* Height: The thickness of the divider line itself.
* Color: The line’s color, picked via a color picker or hex code.
* Top margin: The blank space above the divider.
* Bottom margin: The blank space below the divider.
* Custom CSS


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smind.io/in-app/library/product-blocks/divider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.