Have your say in Community Polls: What's your biggest current challenge?

Can't figure out how to change color of Pause button!

Solved

Can't figure out how to change color of Pause button!

ManKaveStore
Explorer
66 7 10

So I got everything else in the slideshow to appear the way I want to, the < 1/5 > buttons at the bottom, but if you look carefully you can see a pause button in dark blue that I for some reason haven't had success changing it.. 

TotalWeeb_0-1711812313635.png

I can't find that class .icon in my css.. Although now I'm thinking about it, maybe I needed to put !important at the end incase it had a conflict?

Accepted Solution (1)
BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

@ManKaveStore 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

 

<style>
.slider-button .icon-pause path,
  .slider-button .icon-play path {
    fill: red !important; /* Change 'red' to the desired color */
  }
</style>

 

 

Screenshot 2024-03-30 at 9.52.48 PM.png

 

 

 

 

 

 

 

 

If you need any further assistance or have any queries, feel free to contact me. 

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution and click like. 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

View solution in original post

Replies 4 (4)

BrewBrains
Shopify Partner
160 26 33

@ManKaveStore can you share the store URl?

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

ManKaveStore
Explorer
66 7 10

www.totalweeb.store

 

Sorry about that

BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

@ManKaveStore 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

 

<style>
.slider-button .icon-pause path,
  .slider-button .icon-play path {
    fill: red !important; /* Change 'red' to the desired color */
  }
</style>

 

 

Screenshot 2024-03-30 at 9.52.48 PM.png

 

 

 

 

 

 

 

 

If you need any further assistance or have any queries, feel free to contact me. 

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution and click like. 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

ManKaveStore
Explorer
66 7 10

you are the best, thanks.