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?
