Lodestar remove grey overlay on front page header image

• 

  flyingbuttondesigns · Member · May 3, 2017 at 1:20 am

  • Copy link
  • Add topic to favorites

  I want to remove the grey overlay on Lodestar’s front page – I thought I saw a CSS code for this on a post but cannot find it now. Please advise.

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

• 

  coachwinebrenner · Member · May 6, 2017 at 8:47 pm

  • Copy link

  I would also like to know how I can remove this

• 

  plennetwork · Member · May 24, 2017 at 2:23 pm

  • Copy link

  The code for the header is:

  body:not(.no-header-image) .custom-header-image::before,
  .lodestar-front-page .custom-header-image::before {
  background: rgba(0,0,0,0.5);
  bottom: 0;
  content: “”;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  }

  To make the grey overlay, I just changed the 0.5 in the background: rgba to 0, which removed the overlay. Hope that helps!