Overlay on home-cover

[Astrmn]

Hi Rodolfo,

maybe this is a problem that other people are facing. Some of pictures I am choosing as home-cover are too bright so that the text is not good readable anymore.

Two solutions are possible:

1. Edit the pictures in Photoshop and darken the picture.
2. Put an overlay with CSS
in the index.php of your theme
replace <div id="home-cover" data-content="follow-scroll-opacity">
with <div id="home-cover" class="overlay" data-content="follow-scroll-opacity">

and put in the CSS

.overlay:before{
position: absolute;
content:" ";
top:0;
left:0;
width:100%;
height:100%;
display: block;
z-index:0;
background-color: rgba(0,0,0,0.40);
}

Solution 2 is not working anymore since the new update 3.8 so that I had to use solution 1.

Would it be possible to implement directly such a function within the dashboard/theme where you could activate an overlay or disable it?

Hope you understand what I meant.

Cheers

 

[Rodolfo]

When you set a cover image, you have to use an edited image anyway. This is because that image must be compressed and hopefully with some adjustments for better viewing.

That said, I don't think that is needed to add an auto layer because that assume that every image has similar bright values. Maybe you will counter telling me that the opacity of this layer should be configurable but at the end is way better to do the editing at your side.

 

[SirMoo]

because that image must be compressed

For the love of god... please compress your images.