Lodestar theme: change opacity filter on main header images

• 

  amywhitedigital · Member · Mar 22, 2017 at 8:37 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m using the Lodestar theme with the Premium account package and I want to change the opacity of the main header image so it’s brighter (it looks really dull at the moment).

  I just need the CSS code to do this – can anyone help?

  Thanks,
  Amy

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

• 

  hacchism · Staff · Mar 22, 2017 at 12:09 pm

  • Copy link

  Hi there,

  Please try with the following CSS code. I think the opacity of the main header image is pretty low already. The default value is “0.1”. I changed it to “0.05” in the following CSS code. If you feel it doesn’t make much difference, please make it even lower. Thanks.

  body:not(.no-header-image) .custom-header-image::before, .lodestar-front-page .custom-header-image::before {
      background: rgba(0,0,0,0.05);
  }

• 

  amywhitedigital · Member · Mar 22, 2017 at 12:12 pm

  • Copy link

  Thanks! It’s so low because I worked out how to change it myself (very proud!). It was 0.5 before and looked much darker.

  Thanks anyway x

• 

  hacchism · Staff · Mar 22, 2017 at 12:18 pm

  • Copy link

  You are very welcome. I’m glad to hear that you could make it.