The ‘Line’ element in Studio serves a similar function to the ‘Spacer’ and is a great way to visually separate two design elements.
To add a line to your page, open the ‘Elements’ section of the ‘Add Content’ Control column. You can then click on the ‘Line’ icon to add a line to the end of the current page, or grab and drag the element to wherever you want it on the page.
In this example, the line has been added to separate two images.
Changing the line’s properties, to work with the look and feel of your page, is easy. Just select the line that you’ve added, to open the ‘Properties’ Control Column on the right-hand-side of your screen. Then, the line’s style – including spacing, width and height, color and background effects – can be edited.
You can preview how the addition to your design will look on desktop, tablet and mobile, too.
