Adding a Line onto your website can be done by adding a stack - A line stack is a simple and clever way of breaking up the content on your page into different sections.
To add a Line stack:
- Click the Add Stack button above or below the stack where you wish to add it
- Scroll down in the side panel to "Line" and select that stack.
That's it, now you can see your new horizontal line on your page.
You move or delete the line by hovering your mouse on the line and using the move and delete controls that appear to the right of the line.
Design Elements to the stack with a Horizontal line:
When you head to the stack specific designs of the stack by clicking onto the edit pencil in the top righthand side of the stack, you will get three options:
1) You can add a stack background, colour, image or video with the horizontal line in the middle of it.
2) You can update the Width and Spacing of the stack, which allows you to make the horizontal line go full width of the stack and/or add spacing above and below the line within the stack.
3) You have the ability to add an Animation to the stack, which is a fade-in animation.
To update the colour of the horizontal line, you will need to update the sitewide paragraph text colour, as this is where the colour pulls from.
If you need any guidance with this, please contact the Rocketspark support team at support@rocketspark.com