How to get rid of slideshow overlay opacity on Refresh Theme

[system]

Hello,
Quite a few threads and solution in the forum already but none of them worked for the Refresh theme. I am trying to get rid of the dark grey background below. Page can be found here.

Adding this to the base.css did nothing:

.slideshow-slide__image-wrapper [data-rimg-canvas]{
    display: none !important;
}

And this code removed the background from all the pictures, not just the slideshow

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

[PageFly-Victor]

Hi @Snow_Wolf

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> base.css paste the below code at the bottom of the file.

#shopify-section-template–16419695558890__16648288691bc887ca #Slide-template–16419695558890__16648288691bc887ca-1 .slideshow__media.banner__media.media{

background:white !important

}

Hope my solution works perfectly for you!

Best Regards;

PageFly

[gr_trading]

Hi @Snow_Wolf ,

Request to add below CSS code in base.css

slideshow-component .slideshow__slide .slideshow__media {
    background: rgb(245, 246, 246) !important;
}

[system]

Thank you @gr_trading that’s exactly what I needed!

Thank you as well @PageFly-Victor but I wanted the background to be transparent rather than white

[PageFly-Victor]

you are welcome, I am glad when can help you