> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/customize-your-pages/layout/divider.md).
# Divider
The **Divider** block draws a horizontal line between two parts of a section. It is added inside a section like any other block, and it is the tool to use when a break needs to be seen rather than merely felt: a line closing off a list, or a rule between a story and the details underneath it. When the parts only need to breathe, extra space works better than a line, and that is what the [Spacer](/velare/customize-your-pages/layout/spacer.md) block is for.
### How to add it
{% hint style="success" %}
**Steps:**
1. Go to **Online Store > Themes > Customize**.
2. In the left sidebar, click the section you want to divide.
3. Click **Add block** and choose **Divider**.
4. Drag it to the point where the break belongs, then set its thickness and length.
{% endhint %}
*Result:* a line appears at that point in the section, at the width and thickness you set.
### General settings
| Setting | Description |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Thickness** | How heavy the line looks, in pixels. A hairline reads as a quiet separation, a thick rule reads as a deliberate design element. |
| **Length** | How far the line runs across the container, given as a percentage of its width.
Full width closes off a section firmly, while a short centred line acts as an ornament between two parts of the same story.
|
| **Top / Bottom padding** | The empty room left above and below the line. Without it the line sits tight against the content and looks like an underline rather than a break. |
### What changes on the storefront
* Shoppers see a visible break at that point in the section, which groups what comes before it and separates what follows.
* Length and thickness decide whether the line reads as structure or as decoration, so a short thin line placed centrally is closer to an ornament than to a separator.
### Related pages
* [Spacer](/velare/customize-your-pages/layout/spacer.md): the same job done with empty room instead of a line
* [Group](/velare/customize-your-pages/layout/group.md): the container whose own border can replace a divider when content sits in a panel
* [Layout](/velare/customize-your-pages/layout.md): the other blocks in this group
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://uxsmart.gitbook.io/velare/customize-your-pages/layout/divider.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.