Shopify themes, liquid, logos, and UX
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?
@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;}
}
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.
This doesn't work.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
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/
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025