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?
This 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 on an existing hero to edit, or select Add New to create a new hero.
-
On the right side, 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 (e.g., 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 the browser window size for each website visitor.
- If the content placed in the hero exceeds the default height, the hero content area will automatically expand to display all content. This will have 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 These instructions explain how to configure the background that appears behind the content area of ...
How Can I Manage Website Appearance Settings in SoCast?
How Can I Manage Website Appearance Settings in SoCast? This Article Is For: 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 you to customize ...
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: Clients using SoCast Theme 3.0 Users with access to Website Settings, Theme Settings, and Tickers Step-by-Step Guide Once you have created your ticker, navigate to ...
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 ...