Divider Line

The Divider Line element allows you to add a line or divider between, above or under, the content of your website. The app provides the option of using a border style line, a solid color or gradient.

Features:

• 8 different border styles for your line
• Control the color
• Use a Background Color instead of a styled line
• Use a Gradient Background
• Change the Height of the line
• Change the Width of the line
• Change position(left, right, center)
• Control the spacing above and below the line
• Add a Box Shadow
• Control the Opacity (the lines transparency)

You can find a few, basic, divider line examples and the setting values needed to make the examples on your site, here: Divider Line Demo and Settings.

Keep it simple. Use the Line Attributes style and size settings to design your divider line OR use a background with the height setting to controls the design of the divider line, but probably not both together.

Be consistant. Design the Divider Line once, then use the element copy/move feature to copy the element to different areas or pages."

To make the a color transparent, instead of using a Hex Number #000000, type the word 'transparent' (without quotes) into the color input."

For a semi-transparent color, instead of using a Hex Number #000000 for the color you can use a RBGA color rgba(0,0,0,0.15) The 0.15 is how transparent the color is. You can also use the Opacity setting."