Theme 3.0: How Do I Edit the Hero Appearance on My Website?

Theme 3.0: How Do I Edit the Hero Appearance on My Website?

Theme 3.0: How Do I Edit the Hero Appearance on My Website?

Info

Applies To

  • Clients using SoCast Theme 3.0
  • Users with the "Manage Heroes" permission

Follow these instructions to configure the appearance of the hero section on your website using SoCast Theme 3.0.

Step-by-Step Guide

  1. Go to Website > Website Structure > Heroes. Click an existing hero to edit it, or select Add New to create a new hero.
  2. In the right sidebar, scroll to the Appearance section.
  3. Text Color: Set the color for the hero text.
  4. Link Color: Set the color for any links within the hero.
  5. Content Background Color: Choose the background color that appears behind the hero content area.
  6. Content Alignment: Set the alignment of the content area within the hero (for example, left, center, or right).
  7. Width: Set the maximum width of the content area within the hero. The maximum width is determined by the "Website Hero Width" and/or "Hero Width" options selected in Website Settings > Theme Editor > Heroes. For more details, see: Theme 3.0: Hero Website Theme Settings.
  8. Height: Set the minimum height of the hero. All heights are relative to each visitor’s browser window size.
    1. If the content placed in the hero exceeds the default height, the hero content area will automatically expand to display all content. This has the same effect as selecting the "Fit to Content" height option.
  9. Margin & Padding: Adjust the space surrounding the hero content area as needed.