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 allows you to add a visually appealing divider to your content. Follow the steps below to configure the ZigZag Separator element in SoCast.

Step-by-Step Guide

  1. Color: Select a color scheme for the separator using the drop-down menu.
  2. Alignment: Choose the alignment for the separator. Options include Left, Right, or Center.
  3. Element Width: Set the width of the separator as a percentage. You can select from 10% to 100%.
  4. Border Width: Choose the thickness of the separator's border in pixels. Options range from 1px to 10px.
  5. Element ID: Enter a unique and valid element ID. Make sure it follows the W3C specification.
  6. Extra Class Name: If you want to apply custom styles, add a class name here. You can then reference this class in your CSS file for further customization.

ZigZag Separator Example

    • Related Articles

    • How Do I Use the Separator Element in SoCast?

      How Do I Use the Separator Element in SoCast? 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 ...

    • 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 ...

    • What Are Elements in SoCast and How Can I Use Them on My Website?

      What Are Elements in SoCast and How Can I Use Them on My Website? An Element is a small, functional block that you can add to your website to enhance its design and structure. Elements are easy to use and can be dragged and dropped into pages, ...

    • 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 ...