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' permissions
  • 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.
  3. Settings Screenshot
  4. Scroll down to Website Settings and click Website.
  5. Website Settings Screenshot
  6. Scroll down to Custom Header HTML.
  7. Custom Header HTML Screenshot
  8. Copy and paste the provided <style> tag into the Custom Header HTML box.
    Note: If a <style> tag already exists in the Custom Header HTML box, only copy and paste the code itself (without additional <style> tags). See the examples below.
  9. If no other <style> tags exist: Custom Header HTML Example 1
  10. If another <style> tag already exists: Custom Header HTML Example 2
  11. Click Save.

SoCast Provided HTML 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? Below are answers to frequently asked questions about customizing your website structure using SoCast tools. These resources will help you manage backgrounds, navigation bars, and ...

    • 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 section provides all knowledge base articles related to website structure, including pages, sidebars, minisite headers, and more. You'll also find best practices, tips, ...

    • 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 options that can be customized for any purpose on your ...