How to turn off overlay on slideshow for Vision theme?

[avocadojay]

I've tried everything but I cannot turn off the overlay on the slideshow on the front page. I've added multiple snippets of code in the theme.liquid file in the code and also turned opacity down to 0%. However, there is still a dark overlay on the slide show. The pictures are not as vibrant as the originals. Any idea on how to fix this?

[Moeed]

Hey @avocadojay 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[PageFly-Oliver]

Hi @avocadojay ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
.slideshow__slide{
--overlay-opacity:0 !important
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[webwondersco]

@avocadojay hope you are doing well.

Could you please share your store URL?

[CherylK123]

No code needed. In the back end of the theme editor, there is a section for overlay opacity, put it to 0%.