Lessen shadow on Header Image

• 

  cthaw24 · Member · Feb 24, 2017 at 8:48 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m trying to make the “shadow” on the header image more transparent.

  How can I accomplish this through CSS?

  Thanks!

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

• 

  thesacredpath · Member · Feb 25, 2017 at 1:20 am

  • Copy link

  Hi there, add the following to your custom CSS and then adjust the last number on the right between the parentheses (0.7). That is the alpha transparency filter value. The closer to zero (0) the more transparent.

  .header-overlay::before {
      background-color: rgba(40,85,102,.7);
  }

• 

  cthaw24 · Member · Feb 27, 2017 at 5:01 pm

  • Copy link

  Perfect, thank you!

• 

  thesacredpath · Member · Feb 27, 2017 at 9:32 pm

  • Copy link

  You are welcome.