# How to add dividers to my website?

Dividers are graphic lines that can add little design accents to your page and help highlight the most important areas.

How to add a divider?
---------------------

1.  When in the Website Builder editor, click on the **Add elements** button.

![](https://us-wd.gr-cdn.com/help/sites/9/2021/05/1840/wbe0037-1024x210.png)

2.  Drag and drop the **Divider** element into your page content. Note that the editor will highlight the spots where you can drop it.

![](https://us-wd.gr-cdn.com/help/sites/9/2021/07/1839/wbe0207-1024x470.jpeg)

How to edit a divider?
----------------------

Click on the divider to open the settings toolbar.

### Design

*   **Layout**  
    Choose between horizontal and vertical divider.  
      
    
*   **Size, Style, Color**  
    Set up the thickness, style and color of the line.  
      
    
*   ****Alignment****  
    Align your divider inside the divider block to left, centre or right.  
    

![](https://us-wd.gr-cdn.com/help/sites/9/2021/08/1729/wbe0208-1024x487.jpeg)

Block settings
--------------

The divider block is a framed workspace around your button with a **Divider** label on the left. You can only see the frame after clicking on the object. It won’t be visible on your website.

You can customize its color, padding, border, radius, and shadow.

![](https://us-wd.gr-cdn.com/help/sites/9/2021/07/1903/wbe0209-1024x486.jpeg)

![](https://us-wd.gr-cdn.com/help/sites/9/2021/08/1907/wbe0237-1024x484.jpeg)

Absolute positioning
--------------------

Enable this option to move the divider to any place on your website.

Note: we only recommend using this option if you have some unusual design the can’t be created in any other way. Using objects with absolute positioning can make your page less responsive on mobile devices.

![](https://us-wd.gr-cdn.com/help/sites/9/2021/07/1947/wbe210-1024x482.jpeg)

Hide on mobile devices
----------------------

Enable this option to hide your dividers while your page is opened on a mobile device.  
You may want to use this option to make your page simpler for mobile users, for example when you are adding the same CTA button a few times for desktop view.

Note: vertical dividers have this option enabled by default.

![](https://us-wd.gr-cdn.com/help/sites/9/2021/08/1905/wbe0236-1024x396.jpeg)