Anemone theme – CSS question

• 

  onein400 · Member · Aug 18, 2019 at 11:44 am

  • Copy link
  • Add topic to favorites

  Hi there.

  I would like to reduce the overlay darkness (opacity) on the hero image in theme Anemone. It’s too dark by default.

  Do you have the css change to achieve this?

  Lee

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

• 

  supernovia · Staff · Aug 19, 2019 at 10:45 pm

  • Copy link

  Hi Lee, it looks like you’ve changed themes, but in case you wanted to switch back, here’s the CSS that controls the overlay:

  .site-hero.site-hero-featured-image .site-hero-overlay {
      background: rgba(20,20,20,.5);
  }

  Change that to a different rgba color, or simply reduce that last number to .2 or whatever you prefer, and you’ll be all set. Cheers!