How to get rid of filter overlay

• 

  marithomas17 · Member · Sep 17, 2017 at 12:46 pm

  • Copy link
  • Add topic to favorites

  Hi

  when I add a feature image to my pages a filter appears over the top and alters my colours, how do I stop this from happening please?

  I’ve tried changing the opacity to 100% and the colour to CLEAR but this doesn’t get rid of it completely.

  Please help

• 

  garysixtyeight · Member · Sep 17, 2017 at 1:00 pm

  • Copy link

  Hi there,

  Please post a link to your site.

• 

  marithomas17 · Member · Sep 17, 2017 at 1:01 pm

  • Copy link

  maaree.com

• 

  garysixtyeight · Member · Sep 17, 2017 at 1:57 pm

  • Copy link

  If you’d like to completely remove the filter, please add the CSS below to the customizer in My Sites > Customize > CSS:

  .pique-panel-background {
  	opacity: 1;
  }
  
  .pique-panel-background:before {
  	background: none;
  }

  However, that might make the text a wee bit difficult to read on the front page.

  If you want to keep a small bit of the overlay for readability purposes, please try using this instead:

  .pique-panel-background {
  	opacity: 1;
  }
  
  .pique-panel-background:before {
  	background: rgba(0, 0, 0, 0.2);
  }

  The 0.2 in the CSS rule above can be changed from 0.1 to 0.9, depending on how dark/light you’d like to make it.

  If the CSS doesn’t have the desired effect, please let me know.

  Adding custom CSS is only possible on the Premium and Business plans.

  I hope this helps :)

• 

  marithomas17 · Member · Sep 17, 2017 at 2:05 pm

  • Copy link

  Thank you so much for your help! It worked perfectly!! :)

• 

  garysixtyeight · Member · Sep 19, 2017 at 2:06 am

  • Copy link

  You’re welcome, glad I could help :)