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.
  1. Drag and drop the Divider element into your page content. Note that the editor will highlight the spots where you can drop it.

How to edit a divider?

Click on the divider to open the settings toolbar.


  • 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.

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.

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.

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.