> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adding a shape divider

If you've ever thought your block lacks something eye-catching or just wanted to divide blocks in a cool way, you can try **shape dividers**. They are stylish dividers of the blocks that you can apply to any of your site. 

**Shape dividers** allow you to make the border between two blocks visually more attractive than a regular straight line. So if you've ever thought your block lacks something eye-catching or just wanted to divide blocks in a cool way, you can try shape dividers.

Here is an example how it looks like:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot0-1_1tktn6d.png)

# ${color}[#000000](Adding shape divider for the block)

1. Open **Settings** of the block:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/1643936545055-1_1l82dnz.png)

2. Select **Shape Dividers**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/1643937006437-1-2_lijp48.png)

3. Choose an **Arrangement** of the divider. This option applies the divider either to the **Top** or **Bottom**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/1643937187168-1_utkj9b.png)

4. Then, pick desirable style of the divider. It will appear on the block right after the selection:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/1643937379326-1_1c5ib8o.png)


Below you can also change **Divider color** and **Divider height**. These settings allow editing the divider as much as you want and applying your style to the block. 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot4-1_xntqcf.png)

| ${color}[#1aa900](Tip:) The divider automatically applies color of the previous block. However, you can change it to any other color. 

And **Divider Options** set the positioning of the divider. When applied, the divider gets flipped horizontally or vertically. 

# Editing shape divider for different screens

**Shape divider** can be edited separately for [mobile version](https://help.weblium.com/en-us/article/editing-of-the-sites-mobile-version-1b7vztl/) and desktop. To do this, go to the mobile editor **(1)** and make changes to the block settings in this mode, or open the block settings **(2)** immediately and set the necessary parameters **(4)** for smaller screens separately in the mobile settings **(3)**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl_nw7zy1.jpg)