Step One

To start adding a separator, navigate to the page you want to edit in the admin area.

Step Two

Click the blue ‘Frontend Editor’ button. This will bring you up to the Frontend Editor page, where you can see a live update of website changes that you make on the page.

Step Three

To add a empty space, hover and click on the ‘+’ box where you want to add the separator line to.

Step Four

Next, click on the ‘Separator’ option.

Step Five

A Separator Settings box will appear along with options to format your line separator, including a choice of colour, allignment, style (dotted, dashed etc) and width. Once these choices have been made, click on the “Save Changes”.

Step Six

The separator will then be displayed as a line with the colour and width choices chosen.


Step Seven

Remember to press the light blue ‘Update’ button in the top right hand corner of the Frontend Editor.