(Prestige) Change Overlay Opacity in Slideshow

[LuvlyCom]

Hi,

Does anyone know how to adjust the opacity of the overlay feature in the slideshow settings? I want to keep the overlay, I just want it to be less dark.

Thank you in advance.

[Hardik29418]

Please provide website url and if your store is password protected then also provide password

[LuvlyCom]

www.luvly.com

[Hardik29418 · Accepted solution]

Please place this code at the end of theme.scss

.Image--contrast::after {
    background-image: linear-gradient(to top, rgba(4, 4, 4, 0.25), rgba(54, 54, 54, 0.1));
}

[LuvlyCom]

I don't see theme.scss, only theme.css. Is there any difference?

[Hardik29418]

Yes you can place code in theme.css file

[LuvlyCom]

This worked perfectly, thank you!

[Hardik29418]

Thank you for update.

[Mark_S155]

Greetings!

I am also using the Prestige theme, and this code worked. 

This code currently applies the change to overlays for all sections on the homepage, but I am looking to add it just to the main slideshow under the header. Is it possible to tell me how to apply this code on mobile only? And only for the main slideshow section under the header? 

Thank you!

[Hardik29418]

@Mark_S155 I need to analyze your website. Please provide website URL and if your store is password protected then also provide password.

[alexislabrada]

I also just want to change the overlay opacity of the image under the header but not the others, how would I do this?

[fitwomenmove]

Hi,

Can someone help with overlay (opacity) in slideshow when viewing from mobile? I would like to remove that. I want it to look like it does on desktop version. My site is fitwomenmove.com

Happens on both slides....

thanks