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

    • How Do I Add A Video Hero In Theme 3.0?

      Here’s how to make a visual impact on your website with video heroes.  Go to website > website settings > theme > launch theme editor > heroes Once in the Heroes section, click either ‘create new’ or edit an existing hero. Once in the hero, scroll ...

    • How Do I change the Hero in Theme 3.0?

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

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