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?

This Article Is For:

  • Users with the 'Manage Website' Permissions
  • This Article is for: Hero 1.0 Theme

Step-by-step guide


  1. Log in to admin.socastsrm.com
  2. Click Settings
  4. Scroll down to Website Settings and Click Website
  6. Scroll down to Custom Header HTML
  8. Copy/ Paste the provided- Attached <style> tag into the Custom Header HTML box. Note: If a <style> tag already exists in the Custom Header HTML box, only copy/paste the code without the additional <style> tags see example below.
  9. Custom Header HTML Code will look like This if No Other <style> tags exist:
  11. Custom Header HTML code box would look like this if another <style> tag already exists:
  13. Click Save

SoCast Provided HTML Code to be used: 

div.fade {
	display: none !important;
}




    • Related Articles

    • Website Structure

      In this section you will find all Knowledge Base articles related to Website Structure (i.e pages, sidebars, minisite headers) As well as, best practices, tips and inspiration. Side Bars How Do I Create A Sidebar? Minisite Headers How Do I Create A ...

    • Website Structure FAQ's

      Learn More: How Do I Make A Specific Page & Sidebar Background Transparent / All One Color? How Do I Make A Specific Page Background (Excluding Sidebar) Transparent? How Do I Make A Specific Page Background (Excluding Sidebar) One Color ? How Do I ...

    • Hero Background (Hero 1.0 Theme)

      This Article is For: All users who SoCast Website Admins This is applicable to: Hero 1.0 Theme Hero Background content such as images and colors are an important part of your website visitor's experience. Learn More : How Do I Add A Hero Background ...

    • Theme 3.0: Hero Website Theme Settings

      This Article Is For: Clients with access to the Theme 3.0 Users who have the ‘Manage Heroes’ permission Step-By-Step Instructions Website > Website Settings > Theme > Theme Editor > Heroes Configure the website hero and the appearance of all heroes ...

    • Hero Content (Hero 1.0 Theme)

      This Is Applicable For: All users who have the 'Manage Website Settings' permission This is applicable to: Hero 1.0 Theme Hero content such as logo and listen live button customizations are an important part of your website visitor's experience. ...