How to lighten mask over Masthead images and Slideshow images

airgov

Hello, I've seen a couple of questions here about the mask over the Slideshow images, but what about the Masthead background images? I need to lighten both. Thanks in advance!

Ninja

airgov
H
Add this code in custom.css file and increase opacity value too show image brighter
For slideshow

.slideshow .img-bg {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

For masthead

div.ja-masthead:before {
    background-color: #252525;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

Regards

airgov

Thanks. Any such change to the opacity value for the Masthead is actually totally blacking out the image so that you can't even see it any longer. I don't know what I could be doing wrong there.

airgov

For anyone having a similar issue, what I have found to work with the slideshow is what Pankaj had suggested to another user in the thread at https://www.joomlart.com/forums/d/24854-lighten-the-mask-over-slideshow/3 (His suggestion to me in this thread did not work.)

What I did was to insert the item ID number into that code he suggested, into custom.css, as follows (my slideshow module's ID was 131):

#acm-slideshow-131.slideshow .img-bg {
opacity: .6;
filter: alpha(opacity=90);
}