How Do I Use the Icon Element in SoCast?

How Do I Use the Icon Element in SoCast?

How Do I Use the Icon Element in SoCast?

Who Is This For?

Info This article is for:

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

What Is the Icon Element?

The Icon element lets you add visual icons (such as arrows, email symbols, and more) to your pages and sidebars. Icons can help highlight key information and improve user engagement.

How to Configure the Icon Element

  1. Icon Library: Choose an icon font from the available options.
  2. Icon: Select an icon from the drop-down list.
  3. Icon Color: Choose a color for your icon.
  4. Background Shape: Select a background shape for your icon.
  5. Size: Choose the size of your icon.
  6. Icon Alignment: Set the alignment for your icon (left, center, or right).
  7. URL: Add a URL to make your icon clickable and direct users to a specific page.
  8. Element ID: Enter a unique and valid element ID according to W3C specifications.
  9. Extra Class Name: Add a custom class name if you want to style this element differently using custom CSS.

Icon Element Example

    • Related Articles

    • How Do I Use The Button Element In SoCast?

      How Do I Use the Button Element in SoCast? This article provides step-by-step instructions for configuring the Button element in SoCast. Use these settings to customize buttons for your website, blog, contest, or sidebar. Who Is This Article For? All ...

    • How Do I Use the Message Box Element in SoCast?

      How Do I Use the Message Box Element in SoCast? Who Is This For? This Article Is For: All users who have access to pages, blogs, contests, or sidebars. Applicable to all themes. The Message Box element lets you add styled message boxes to your ...

    • How Do I Use the Hover Box Element in SoCast?

      How Do I Use the Hover Box Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Important Notes Do not place critical information in the Hover Box element, as hover states ...

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

      How Do I Use the Separator With Text Element in SoCast? Who Is This 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 Call to Action Element in SoCast?

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