Grey-ish overlay over the header image

  • Unknown's avatar
    pamperformance · Member ·

    Hello!

    There seems to be some kind of grey-ish overlay over the image in the header of my webpages.
    And I like the white in the images to be white and the other colours
    fresh. These aren’t the final images, but I wanted to see first if I could solve ‘the grey problem’.
    Would you please look at that?

    Thank you!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, to remove the translucent overlay on the header image, add this to your custom CSS. 

    .has-header-image .site-header::before {
    background-color: rgba(0, 0, 0, 0);
}

    If you are not familiar with RGB color declarations, the first three numbers between the parentheses are the RGB code for black, and the last number is the alpha transparency, which had been set to 0.2. Setting it to 0 makes it fully transparent.

  • The topic ‘Grey-ish overlay over the header image’ is closed to new replies.