slideshow control pause button color change

[shamsnisa]

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.

[GTLOfficial · 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

[shamsnisa]

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;

}