How Change Previous & Next Arrows & Pause Icons Under The Slideshow? | Dawn Theme

[namestolen]

I know the picture is kind of hard to see the icons I'm talking about but hopefully you get the gist.  The little left and right arrows to scroll through the slideshow and the pause button for pausing the auto play rotation I have set.  I want to change the color of those little icons to match the dot color.  Thanks!

[Priyanka_]

Hi @namestolen 

could You please share the link of your store so that I can look into this.

Thanks!

[BSS-TekLabs]

Hello @namestolen .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[Made4uo-Ribe]

Hi @namestolen 

Would you mind to share your store URL? Thanks!

[namestolen]

I am not set up to give access to my site, so if anyone could recommend some code for me to try out I would appreciate it.

[Made4uo-Ribe]

Sorry, but Im not asking for access. I only ask the publish store URL. We cannot provide the code when we cannot see the problem. Its hard to guess the codes. 

[namestolen]

https://rttrove.com/

[namestolen]

Still need help figuring this out.  Thanks

[Priyanka_ · Accepted solution]

Hi @namestolen 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slider-button{
color: rgb(204 186 120) !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Thanks!

[namestolen]

Thanks so much!  One last thing though...there is a pause button to the right of the arrow that is still black.  How do I change it's color as well?

[Priyanka_]

Hi @namestolen 
Add the below code just before </style> tag of previous code:

.slideshow__autoplay path {
    fill: rgb(255 249 249 / 75%) !important;
}

[namestolen]

Thanks so much!  You rock 😁