Solved

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

TotalWeeb
Tourist
44 5 7

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
95 13 18

This is an accepted solution.

@TotalWeeb 

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 Partner


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
95 13 18

@TotalWeeb can you share the store URl?

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Partner


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

TotalWeeb
Tourist
44 5 7

www.totalweeb.store

 

Sorry about that

BrewBrains
Shopify Partner
95 13 18

This is an accepted solution.

@TotalWeeb 

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 Partner


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

TotalWeeb
Tourist
44 5 7

you are the best, thanks.