Help Removing Overlay Opacity On Single Section

Store Design
, , ,
1

Hello, I am having trouble removing the overlay opacity of a single slideshow slide on the homepage of a website I am working on. It is the first slide on the homepage, it’s currently set to a 15% overlay opacity which I want to remove. I just cant seem to find the right CSS selector to fix it. Here it is:

https://y2qtvu0za4vc3zuw-85943648529.shopifypreview.com

biznazz101_0-1710905826240.png
biznazz101_0-1710905826240.png2700×1509 438 KB

Any help is highly appreciated!
@biznazz101

2

Hi @biznazz101

You can do that by adding this code to Custom CSS of code that section in your Online store > Themes > Customize

.slideshow-image-overlay:after {
background-color: transparent;
}
3

Hi @biznazz101

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly