How Do I Remove the Scrolling Fade Overlay from My Hero 1.0 Website Theme?
How Do I Remove the Scrolling Fade Overlay from My Hero 1.0 Website Theme?
Who Is This Article For?
- Users with "Manage Website" permission
- Users of the Hero 1.0 Theme
Step-by-Step Guide
Log in to admin.socastsrm.com.
Click Settings.
Scroll down to Website Settings and click Website.
Scroll down to Custom Header HTML.
Copy and paste the code provided below into your existing
<style>tag in the Custom Header HTML box. If a<style>tag does not exist, add one and place the code inside it.Note: If a
<style>tag already exists in the Custom Header HTML box, only paste the code itself (without additional<style>tags). See the examples below.If no other
<style>tags exist:If another
<style>tag already exists:Click Save.
SoCast-Provided CSS Code
div.fade {
display: none !important;
}
After saving, the scrolling fade overlay will be removed from your Hero 1.0 website theme.
Related Articles
What Are Common Website Structure FAQs for SoCast Broadcasters?
What Are Common Website Structure FAQs for SoCast Broadcasters? Use the links below to customize your website structure with SoCast tools. These articles cover backgrounds, navigation bars, and overlays to help you create a site that matches your ...What Are the Best Practices and Resources for Website Structure in SoCast?
What Are the Best Practices and Resources for Website Structure in SoCast? This collection provides links to Knowledge Base articles related to website structure, including pages, sidebars, minisite headers, and more. You’ll find best practices, ...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 ...How Do I Change the Hero Background Color in SoCast Engage?
Log in to SoCast Engage. Go to Website > Website Structure > Heroes. Select and edit the hero you want to update. Scroll down to the Background section. Remove the image in Image Slot #1. At the bottom, find Image Background Color and choose a color. ...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 ...