Hello Shopify partner!
Would like to ask if anyone knows how to change the slideshow bar color in Mobile (white bar) to be the same as the desktop view slideshow bar color (black/grey color) ?
appreciated the help!
thanks!
Hi!
Could you post a link to your store and I’ll take a look for you!
Hello! sorry, forgot to attach the link, here you go!
No problem!
add these two bits of code to the bottom of your theme.css file:
.slideshow__arrows--mobile .slick-dots li.slick-active button::before, .slideshow__arrows--mobile .slick-dots li.slick-active a::before {
color: white !important;
}
@media only screen and (max-width: 749px)
.slideshow__text-wrap--mobile {
background-color: rgba(0, 0, 0, 0.4) !important;
}
1 Like
Hello woody!
Sorry for the late response!
I’ve added the code into theme.css file but seems like the mobile still showing white bar background instead of black(just like desktop version) for the slideshow, not sure if you can check it out? posted the link below
Link : https://kicn4jo63smjhb94-51731890328.shopifypreview.com
No problem!
Try adding these:
@media only screen and (max-width: 749px) {
svg.icon:not(.icon--full-color) path {
fill: #fff !important;
}
.slideshow__arrows--mobile .slick-dots li.slick-active a::before {
color: white !important;
}
.slideshow__text-wrap--mobile {
background-color: rgba(0, 0, 0, 0.4) !important;
}
.slideshow__arrows .slick-dots li a::before {
color: #999 !important;
}
}
Let me know if that works for you
1 Like
Hey Woody!
Thank you so much for helping! yup it works!!
just 1 more request, if I may..
Is it possible to shorten the bar to be exactly like the desktop? and move the bar slightly up a little bit (to be inside the picture), not sure if you understand me hahah..
anyways, thanks woody!
Sure thing!
Add this to the bottom of your theme.css file:
@media only screen and (max-width: 749px)
.slideshow__text-wrap--mobile {
top: -3rem !important;
width: 50% !important;
margin: 0 auto !important;
}
1 Like
Thank you woody! you’ve helped alot!
You’re very welcome!
Please take a moment to read through my signature below, would highly appreciate it 
1 Like