Edin darkens featured images by default so that lighter text will be visible on top, but you can turn that feature off in the Customizer, by checking the box next to:
Featured Image: remove filter
Screenshot: https://cloudup.com/cNfRdWuRGAG
If that doesn’t do the trick, could you provide a link to your site so I can take a look directly?
Hi, I was just wondering whether its possible to find out how much the filter darkens it by.
I did have the filter turned off, and the solid colour I’m using on my home page was displaying correctly, however I have realised that I need to have the filter turned back on so the lighter text will be visable on top.
Now the solid colour I’m using on the home page no longer matches my logo (which is what I wanted it to do). I’m trying to work out what colour I need to make my solid colour to take into account the filter darkening it.
I’m currently building my site offline so I don’t have a link I can put up to show what I’m trying to do.
I was just wondering whether its possible to find out how much the filter darkens it by.
The CSS changes the opacity of the overlay to 0.3:
body:not(.no-image-filter) .hero.with-featured-image::before {
background: none repeat scroll 0 0 #000;
content: "";
height: 100%;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
Screenshot from demo: https://cloudup.com/cJrJlkSXEWa
Full opacity is 1.
More about CSS opacity: https://developer.mozilla.org/en-US/docs/Web/CSS/opacity