How Do I Use the Separator Element in SoCast?

Who Is This For?

This article is for:

• All users with access to pages, blogs, contests, or sidebars
• Applicable to all themes

The Separator element adds a visual divider to your content. Use the settings below to configure it.

Step-by-Step Instructions

1. Color: Select a color scheme using the drop-down menu.
2. Alignment: Choose Left, Right, or Center.
3. Style: Select the display style: Border, Dashed, Dotted, Double, or Shadow.
4. Border Width: Choose the border width in pixels (1px–10px).
5. Element Width: Set the separator width as a percentage (10%–100%).
6. Element ID: Enter a unique and valid element ID according to W3C specifications.
7. Extra Class Name: If you want to apply custom styles, add a class name here and reference it in your CSS file.