header image opaque

  • Unknown's avatar
    hhlearning · Member ·

    I’d like the header image to be completely opaque and not at all lightened or with a filter over it. I can’t figure out how to change this. Anyone know? Thank you!

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

  • Unknown's avatar
    otpidusprime · Member ·

    Hi there,
    You have to customize the CSS code of the site to do that.
    There’s this CSS code: 

    .header-overlay:before {
    background-color: rgba(254,254,254,.7);
}

    which is applying the white filter over the header image. To get rid of the filter just change this CSS code to look like this: 

    .header-overlay:before {
    background-color: rgba(254,254,254,0);
}

    Notice the value .7 changed to 0.
    __________

    Now , to customize CSS codes you will need to upgrade your WordPress.COM account to a Premium or Business Plan.

    More about customizing CSS here:
    https://en.support.wordpress.com/custom-css/

  • The topic ‘header image opaque’ is closed to new replies.