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?
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
- Go to Website > Website Structure > Heroes. Click an existing hero to edit it, or select Add New to create a new hero.
- In the right sidebar, scroll to the Appearance section.
- Text Color: Set the color for the hero text.
- Link Color: Set the color for any links within the hero.
- Content Background Color: Choose the background color that appears behind the hero content area.
- Content Alignment: Set the alignment of the content area within the hero (for example, left, center, or right).
- 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.
- Height: Set the minimum height of the hero. All heights are relative to each visitor’s browser window size.
- 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.
- Margin & Padding: Adjust the space surrounding the hero content area as needed.
Related Articles
Theme 3.0: How Do I Edit The Hero Background In SoCast?
Theme 3.0: How Do I Edit The Hero Background In SoCast? This Is Applicable To: Clients using SoCast Theme 3.0 Users with the “Manage Heroes” permission Use these steps to configure the background that appears behind the content area of the hero ...How Can I Manage Website Appearance Settings in SoCast?
How Can I Manage Website Appearance Settings in SoCast? This Article Is For Applicable Users: All users with the Manage Website Settings permission Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme Overview The appearance settings in SoCast allow ...How Do I Change the Station Logo on the Website and App in SoCast Engage?
To change the logo in the website hero section: Log in to SoCast Engage. Navigate to Website > Website Structure > Heroes. Select and edit the relevant hero (e.g., your station's hero). Click the pencil icon to edit the Single Image widget. Click the ...How Do I Display a Ticker on My Website Using SoCast Theme 3.0?
How Do I Display a Ticker on My Website Using SoCast Theme 3.0? This Article Is For The following users: Clients using SoCast Theme 3.0 Users with access to Website Settings, Theme Settings, and Tickers Step-by-Step Guide After you create your ...How Do I Make a Hero Image Appear on All Pages in SoCast Engage?
Log in to SoCast Engage. Go to Website > Website Settings > Theme. Click Launch Theme Editor. A popup redirect will appear. In the Theme Editor, select Heroes. Choose the website hero you want to display across all pages. Customize the position and ...