How Do I Configure Heading Settings in SoCast?

How Do I Configure Heading Settings in SoCast?

How Do I Configure Heading Settings in SoCast?

This Article Is For:

  • All users with the Manage Website Settings permission
  • Applicable to all SoCast themes

This guide explains how to create and customize headings and titles using the Header Text element or widget in SoCast. Headings are commonly used to organize sections on a page, such as “Breaking News” or “Social Media.” You can configure custom font styles, colors, borders, spacing, and more.

Step-by-Step Guide

  1. Go to: https://admin.socastsrm.com/website/headings
  2. To create a Header Text style for a Title, click Enable under Use Custom Style.
  3. To create a Header Text style for a Heading, click Enable under Use Custom Style. You can create up to three custom heading styles.
  4. After enabling, complete the theme settings for the Title or Heading:
  5. Font: Select a font from the drop-down. This defaults to the Font setting in your theme settings.
  6. Font Size: Choose a size (for example, 24px, 1.5em, 125%). Leave blank to use the default theme heading styles.
  7. Font Color: Use the color picker to select a hex color. This inherits from the Default Text Color in theme settings. Set to “inherit” to use the default color.
  8. Font Alignment: Choose left, center, or right.
  9. Header Background Color: Use the color picker to select a hex color. The default is transparent. Set to “transparent” to use the default.
  10. Header Border Style: Choose none, solid, dotted, or dashed.
  11. Header Left/Right Padding: Set the left and right padding (for example, 2px, 2em).
  12. Header Top/Bottom Padding: Set the top and bottom padding (for example, 2px, 2em).
  13. Header Top Margin: Set the top margin (for example, 2px, 2em). Leave blank to use the default theme heading styles.
  14. Header Bottom Margin: Set the bottom margin (for example, 2px, 2em). Leave blank to use the default theme heading styles.

Examples

Title Example:

Title Example

Heading Example:

Heading Example

    • Related Articles

    • How Do I Configure Content Area Settings in Theme 3.0?

      How Do I Configure Content Area Settings in Theme 3.0? Who Is This For? This article is for: Clients with access to Theme 3.0 Users with theme and website settings permissions Step-by-Step Instructions To configure the appearance of the content area ...

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

    • How Do I Add a Clickable PDF Link to a Page in SoCast?

      How Do I Add a Clickable PDF Link to a Page in SoCast? Who Is This Article For? All users with access to Pages Applicable to all themes Follow these instructions to add a clickable PDF link to a page, blog post, or other content area in SoCast. ...

    • How Do I Change the Drop-Down Menu and Section Heading Colors in SoCast Engage?

      To update the drop-down menu background color for nested items and the section heading border color in SoCast Engage, follow these steps: Change Drop-Down Menu Background Color: Go to Website > Website Settings. Scroll down to the Custom HTML ...