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?

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

Hero 1.0 Theme Example 1

Hero 1.0 Theme Example 2

Hero 1.0 Theme Example 3

Step-by-Step Guide

  1. Log in to admin.socastsrm.com.

  2. Click Settings.

    Settings Screenshot

  3. Scroll down to Website Settings and click Website.

    Website Settings Screenshot

  4. Scroll down to Custom Header HTML.

    Custom Header HTML Screenshot

  5. 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.

  6. If no other <style> tags exist:

    Custom Header HTML Example 1

  7. If another <style> tag already exists:

    Custom Header HTML Example 2

  8. 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 Use the Hero Template Selector in SoCast Theme 3.0?

      How Do I Use The Hero Template Selector In SoCast Theme 3.0? Applicable To Clients using SoCast Theme 3.0 Users with the "Manage Heroes" permission Theme heroes are flexible, visually impactful elements you can customize for any purpose on your ...