HEADER IMAGE COLOR & QUALITY

• 

  peacebypiece04 · Member · Apr 20, 2017 at 8:12 am

  • Copy link
  • Add topic to favorites

  I made my own header image using photoshop and thought of uploading it after I’m done. I uploaded my image and when I was about to view it again on my site, the color quality changed. I don’t know how it happened. Please help.

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

• 

  otpidusprime · Member · Apr 20, 2017 at 9:46 am

  • Copy link

  Hello @peacebypiece04,
  If by “color quality changed” you mean that it looks slightly dark, then it is because there’s is black overlay with a reduced opacity applied over the image via CSS on your theme.

  So to remove that you will have to edit the CSS using the CSS editor.
  But editing CSS requires you to be on a WordPress.COM Premium or Business plan.

  You can read more about it here: https://en.support.wordpress.com/custom-design/editing-css/

  If you are already on any of the plans i mentioned above, then you can just add this code in the CSS Edtior to remove the overlay:

  .custom-header {
      background: transparent;
  }

  How to access the CSS Editor?
  Go to My Site(s) → Customize(Besides the Theme option). Click on the CSS tab.

  Thanks! 🙂

• 

  peacebypiece04 · Member · Apr 22, 2017 at 2:46 am

  • Copy link

  Thanks a lot :) You were right, it was all about the opacity. I appreciate your help @otpidusprime

• 

  otpidusprime · Member · Apr 25, 2017 at 2:31 pm

  • Copy link

  you’re welcome @peacebypiece04 🙂