Possible to remove header image overlay?

  • megansnedek

    (@megansnedek)


    8 years ago

    I was wondering if it’s at all possible to remove the header image’s dark color overlay, so I could have a white pattern image in the header that would LOOK white?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • awanrmb

    (@awanrmb)

    Hi,

    Here is the CSS code to change the overlay color of the header image:

    .header-image::after{
    background-color: rgba(255,255,255,0.5);
}

    You can use Custom CSS plugin to add the code to your site or add it to the styles.css in your child theme.

    I have a similar issue. I applied the rgba change above and now my header-image is much brighter but it looks like it’s behind frosted glass. Is that a function of the background-color? Is there a way to remove the background-color or make it transparent

    I changed the “a” parameter to .1 and 0 and now the image is much crisper. However, i am concerned that this might not have been the best solution for the issue. Why does the standard theme Astrid come with such an overlay? Am I using it incorrectly?

    I also noticed that my text is quite lite. I would like to darken it up. Does this background-color affect the text as well?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Possible to remove header image overlay?’ is closed to new replies.