# Divider

Create custom dividers to style your pages with Broadcast's divider section.

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/huxXTCcS53BhhBdWC7sg/divider%20lines.png" alt=""><figcaption><p><strong>Dividers added above and below the press section</strong></p></figcaption></figure>

### Section settings

<table><thead><tr><th width="131.52166748046875">Settings</th><th width="144.423583984375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Show line</td><td align="center"><code>checkbox</code></td><td>Toggle to display or hide the horizontal divider line.</td></tr><tr><td><strong>Layout</strong></td><td align="center"></td><td></td></tr><tr><td>Width</td><td align="center"><code>select</code></td><td>Controls the container width of the divider section: <code>Full width</code>, <code>Full width padded</code>, <code>Normal</code>, or <code>Narrow</code>.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color scheme</td><td align="center"><code>color_scheme</code></td><td>Apply a predefined color scheme for background and text.</td></tr><tr><td><strong>Padding</strong></td><td align="center"></td><td></td></tr><tr><td>Top</td><td align="center"><code>range</code></td><td>Add space above the divider.</td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Add space below the divider.</td></tr></tbody></table>

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/2uEBC3xhz5PQn1fFCg6G/divider-two.gif" alt=""><figcaption></figcaption></figure>

### Video Overview

This video demonstrates different styles and designs that can be created with the divider section:

{% embed url="<https://www.loom.com/share/1fc9384b8f3e425ca3a30aaca02e4559?sid=83476375-62a6-4c3d-b4e1-9d49cd1ed94f>" %}
**Video walkthrough for the Divider section**
{% endembed %}
