Breaking up your Content with Spacers and Lines

Breaking up your Content with Spacers and Lines

This article will guide you through how to create space and clear sections in your content using Spacers and Lines. 

Spacers

Spacers do exactly as their name suggests - create space. They can be used to break up content and make it look more inline and even. To add a spacer to your design, click into the Elements tab on the left, then drag and drop a spacer into your desired position:

On the left you can then adjust the height of the spacer to make it larger or smaller.

Horizontal Line

The horizontal lines can be used to divide your design into clear, defined sections. To add a line to your design, click into the Elements tab on the left and drag and drop the Horizontal Line button into place in your design on the right. Once your line is in place, you can adjust the Thickness of your line on the left by increasing or decreasing the first number. Changing the Width with lengthen or shorten the line horizontally. You can also then edit the Alignment, Colour or Style.