Divider Widget

The Divider Widget lets you add a horizontal line to your website page. Read below for more detailed instructions and information on how to use the Divider Widget.

To add a Divider Widget to your website:

1. Click on the WIDGETS button in the Website Editor Toolbar.
2. Browse the Widgets tab to locate the Divider Widget in the BASICS section.
   
3. Click and drag the Divider Widget onto your website page.

   Allowable areas the Divider Widget can be inserted into include:

   • Within rows
   • Within columns
   • Above or below existing rows
   • Above or below existing widgets
   • Between existing widgets
   

   The Divider Settings popup will be displayed.

   
4. Modify the divider Design settings.
   • Style: lets you set the line style of the divider.
     • Solid: displays the divider as a solid line.
     • Dotted: displays the divider as a dotted line.
     • Double: displays the divider as a double line.
     • Dashed: displays the divider as a dashed line.
   • Color: lets you set the line color. Click on the Color spot to edit the color using the Color popup. Click here for instructions.
   • Height: lets you specify the thickness of the line in pixels. Use the slider or enter a value between 1 and 50 in the input field.
5. Click OK to save the changes.
6. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.