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.