Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi,
I am using the Dawn 13.0.1 theme and want to change the color of the slideshow control pause button. Right now it's white and I want to change it.
I did change the left and right arrow keys color now I want to make the pause button the same color.
I also want to increase the gap between the pause button and the nest button.
Any help will be appreciated , please refer the picture below for more details.
Solved! Go to the solution
This is an accepted solution.
Hello @shamsnisa
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-slideshow.css
.slideshow__autoplay .icon.icon-pause {
left: 5rem !important;
}
.slideshow__autoplay path {
fill: crimson;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
This is an accepted solution.
Hello @shamsnisa
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-slideshow.css
.slideshow__autoplay .icon.icon-pause {
left: 5rem !important;
}
.slideshow__autoplay path {
fill: crimson;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Thanks @GTLOfficial it worked only a small change in my case as I want to shift both stop and pause button towards right:
.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
left: 5 rem !important;
}
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