How do I make this section transparent in the slider?

Store Design
1

I’m having issues getting rid of the background in the slider. I can’t remove it and I cannot change its opacity. it’s certainly an issue on mobile as you cannot see the photos in the slider. I’ve tried a few of the solutions I was provided by searching the community and Google and I still can’t change it. I was wondering if it was my theme but I think it’s just a Shopify thing. Does anyone have a solution?

therwreserve-·-Customize-Bbq-·-Shopify.png
therwreserve-·-Customize-Bbq-·-Shopify.png701×733 144 KB

1 Like
2

@RWReserve - add this css to the very end of your css file and check

@media screen and (max-width: 576px){
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="top-"] [class*="slide_"], .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-"] [class*="slide_"], .home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="center-"] [class*="slide_"] {
    background: transparent !important;}
}
3

@RWReserve

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

I believe I saw and tried similar code before and it is not working. I put it at the bottom of the theme.css file. It’s still black on mobile.

5

Thanks, I saw one of the solutions via Google search and it didn’t work for me. I also tried the one Suyash1 provided.

The link is: https://rwreserve.com/

6

This doesn’t work.