Grey overlay on featured image

• 

  workstoryhr · Member · Sep 18, 2016 at 10:00 am

  • Copy link
  • Add topic to favorites

  Hi there, I want to upload a photograph that has a white background as a featured image. The background of the website is white, so I want the integration between the photo and the background to be seamless.
  When I upload any photo the photo has a grey overlay on it, instead of being white. There seems to be a few comments like this on other sites and the answer seems to be lie in css. I am new to css and not familiar with how to change the opacity of the featured image background. Please help.
  Thank you
  Philippa

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

• 

  kmgiannattasio · Member · Sep 19, 2016 at 9:14 pm

  • Copy link

  i have the same issue…hoping for a solution!

• 

  workstoryhr · Member · Sep 19, 2016 at 9:16 pm

  • Copy link

  So am I. Are you using Shoreditch too?
  Can anyone help? Please!

• 

  kmgiannattasio · Member · Sep 20, 2016 at 11:21 pm

  • Copy link

  I am using the Ippo theme and I have original artwork that requires a white background…the grey overlay just doesn’t work with my images.

• 

  kmgiannattasio · Member · Sep 21, 2016 at 10:45 am

  • Copy link

  I was able to get help from Themes Kingdom…added this custom CSS and it worked!

  .fullwidth-slider .featured-slider .featured-image { opacity: 1; }

• 

  workstoryhr · Member · Sep 21, 2016 at 11:15 am

  • Copy link

  Hi there, very pleased to get your message. I’m not sure how to add custom css. Could you help me? You would make my day! Thank you

• 

  thesacredpath · Member · Sep 30, 2016 at 6:59 am

  • Copy link

  Hi @workstoryhr, it appears like you have gotten this issue resolved. I’ll mark this as resolved, but if you have additional questions, feel free to start a new thread.