How Do I Use the ZigZag Separator Element in SoCast?

How Do I Use the ZigZag Separator Element in SoCast?

How Do I Use the ZigZag Separator Element in SoCast?

Who Is This Article For?

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

The ZigZag Separator element lets you add a visually appealing divider to your content. Use the steps below to configure the ZigZag Separator in SoCast.

Step-by-Step Guide

  1. Color: Select a color for the separator using the dropdown menu.
  2. Alignment: Choose the separator alignment: Left, Right, or Center.
  3. Element Width: Set the separator width as a percentage (10% to 100%).
  4. Border Width: Choose the thickness of the separator’s border in pixels (1px to 10px).
  5. Element ID: Enter a unique, valid element ID. Make sure it follows the W3C specification.
  6. Extra Class Name: To apply custom styles, add a CSS class name here. You can reference this class in your stylesheet for further customization.

ZigZag Separator Example