How Do I Use the Separator With Text Element in SoCast?

How Do I Use the Separator With Text Element in SoCast?

How Do I Use the Separator With Text Element in SoCast?

Info

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 element in SoCast. This element allows you to add a styled separator with optional text and icons to your pages, blogs, contests, or sidebars.

Step-by-Step Guide

  1. Title: Enter the text you want to display in the separator.
  2. Add Icon: Choose whether to add an icon to the separator. If selected, the icon settings tab will appear.
  3. Title Position: Select the alignment for the title. Options: Left, Right, or Center.
  4. Separator Alignment: Choose the alignment for the separator. Options: Left, Right, or Center.
  5. Color: Select a color scheme from the drop-down menu.
  6. Style: Choose a display style for the separator. Options: Border, Dashed, Dotted, Double, or Shadow.
  7. Border Width: Set the border width in pixels (1px–10px).
  8. Element Width: Set the separator width as a percentage (10%–100%).
  9. Element ID: Enter a unique and valid element ID according to W3C specifications.
  10. Extra Class Name: Add a custom class name if you want to apply additional CSS styling to this element.

Separator With Text Example

Icon Settings

  1. Icon Library: Select the icon set you want to use (similar to choosing a style of emoji).
  2. Icon: The available icon options will change based on the library you selected.
  3. Icon Color: Choose a color for the icon from the drop-down menu.
  4. Background Shape: Select the background shape and style for the icon. Options: None, Circle, Square, Rounded, Outline Circle, Outline Square, Outline Rounded.
  5. Size: Choose the icon size. Options: Mini, Small, Normal, Large, Extra Large.

Icon Settings 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 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 ...

    • What Is the Text Block Element and How Do I Use It in SoCast?

      What Is the Text Block Element and How Do I Use It in SoCast? This Article Is For: All users who have access to one or more of the following: pages, blogs, contests, and sidebars Applicable to: All themes The Text Block element allows you to enter ...

    • 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 Call to Action Element in SoCast?

      How Do I Use the Call to Action Element in SoCast? This Article Is For: All users with access to pages, blogs, contests, and sidebars Applicable to all themes The Call to Action (CTA) element is a widget designed to capture your visitors' attention ...