Separators (Dividers)

As the name suggests, Separators add space blocks onto your website layout. Separators are a great way to separate elements or blocks of content within your website to make sure you have consistent spacing and separators throughout your site.


Spacers come in 4 different options:

  1. Empty Space
  2. Unbroken Line
  3. Dashed Line
  4. Dotted Line

The video below shows how these options will display. However please note the style editor allows you to customize these.


Adding a Separator to your page

  1. Make sure you are on the page you wish to add the spacer to.
  2. Click on the ‘+Add Element’ Icon on the page's Header Bar.
  3. Drag and Drop the Separator icon onto the area of the page that you want it to appear in.
  4. Click on the Settings Icon
  5. Depending on your preference, select from the list of spacer options.
  6. Save

You have now added a spacer to your page.


Deleting a Separator from a page

  1. Make sure you are on the page you wish to delete the Separator from.
  2. Hover your cursor on top of the Separator.
  3. Select the X icon to delete the Separator from your page.

You have now deleted the spacer off your page

Can't find the answer you are looking for?

Try using different keywords: