Disabling Header Image Overlay

• 

  grantsamms · Member · Jun 28, 2017 at 2:03 pm

  • Copy link
  • Add topic to favorites

  I’m currently using the Ixion theme for a personal website. I like the look of it except there is an overlay on the header image that I want to disable.

  I was able to find the CSS element using “Inspect” under <div class=”header-overlay”> {content: “”}, but I’m not sure what code to add to my CSS section to disable this at page load.

  I’m currently working to learn more CSS to tweak my site, but this is a major appearance issue for me and I really want it fixed ASAP. Help?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  dcoleonline · Staff · Jun 28, 2017 at 5:38 pm

  • Copy link

  Hi Grant,

  You can add this to hide the overlay:

  /* Hide Header Overlay */
  
  .header-overlay,
  .header-overlay:before {
      background: none;
  }

• 

  grantsamms · Member · Jun 28, 2017 at 6:13 pm

  • Copy link

  Ah! You’re fantastic. Thank you.

• 

  dcoleonline · Staff · Jun 28, 2017 at 10:18 pm

  • Copy link

  Glad I could help!