How to Remove Tinting on Header Image in Independent Publisher 2

• 

  coniption · Member · Aug 24, 2021 at 3:39 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I recently commissioned a brand-spanking new logo for my blog. The background is pure white, but when I add it as my header image, the site adds a tint that darkens the entire image and breaks the flow. Is there any way to remove this tinting so my logo shows up without any effects?

  I love this particular theme, but this is the only part I’m having trouble with.

  Thanks in advance!

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

• 

  thisissandipmondal · Staff · Aug 24, 2021 at 3:51 pm

  • Copy link

  Hi @coniption,

  Please add this CSS code to remove the tint under My Site > Appearance > Additional CSS:

  .has-header-image #hero-header:before {
      background: none;
      box-shadow: none;
  }

  If you do not have a Premium Plan or higher then you will need to upgrade to be able to use CSS code.

  I hope this helps :)

• 

  coniption · Member · Aug 24, 2021 at 3:54 pm

  • Copy link

  Oh wow, it worked! That’s exactly what I needed!

  Thanks so much, @thisissandipmondal! =D

• 

  thisissandipmondal · Staff · Aug 24, 2021 at 8:07 pm

  • Copy link

  That’s awesome, @coniption!

  Glad to help you! Have a nice day :)