How Do I Use the Separator Element in SoCast?

How Do I Use the Separator Element in SoCast?

How Do I Use the Separator Element in SoCast?

Info

This Article Is For:

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

The Separator element allows you to add a visual divider to your content. Follow these instructions to configure the Separator element in SoCast:

Step-by-Step Guide

  1. Color: Select a color scheme using the drop-down menu.
  2. Alignment: Choose the alignment for your separator: Left, Right, or Center.
  3. Style: Select a display style for the separator. Options include 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.

Separator Element Example

    • Related Articles

    • 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 allows you to add a visually appealing divider to your ...
    • How Do I Use the Separator With Text Element in SoCast?

      How Do I Use the Separator With Text Element in SoCast? This Article Is For: All users who have access to pages, blogs, contests, and sidebars Applicable to all themes This article provides step-by-step instructions for using the Separator With Text ...
    • How Do I Use the Button Element in SoCast?

      How Do I Use the Button Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, or sidebars Applicable to all themes This article provides step-by-step instructions for configuring the Button element in SoCast. ...
    • How Do I Use the Raw JavaScript Element in SoCast?

      How Do I Use the Raw JavaScript Element in SoCast? This Article Is For: All users who have access to pages, blogs, contests, or sidebars Applicable to all themes The Raw JavaScript element allows you to add custom JavaScript code directly to your ...
    • How Do I Use the Tabs Element on My SoCast Website?

      How Do I Use the Tabs Element on My SoCast Website? This Article Is For: All users who have access to pages, blogs, contests, and sidebars Applicable to all themes The Tabs element allows you to organize content into separate sections within the same ...