Solved

How Do I Change Quantity Button Color in the Cart Page?

bbambbam
Tourist
5 0 1

My website's Your Cart page looks like the below at the moment (ignore pink box). 

I want to change the quantity button colors indicated by the red box. 

Screenshot 2023-10-07 at 8.29.04 am.png

 

I've tried changing this by adding in the below code to theme.liquid but didn't work indicated by pink box:

Screenshot 2023-10-07 at 8.35.31 am.png

Accepted Solution (1)
Asad24
Shopify Partner
180 36 32

This is an accepted solution.

In your theme.liquid file write this code

<style>

quantity-popover .quantity {
background: black !important;
}


</style>

banned

View solution in original post

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
5562 1335 1649

Hi @bbambbam 

Would you mind to share your store URL website? iwth password if itsp rotected. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


bbambbam
Tourist
5 0 1

sure thing! @Made4uo-Ribe 

website is: https://3d6e9d-3.myshopify.com/

password: yaicki

Asad24
Shopify Partner
180 36 32

This is an accepted solution.

In your theme.liquid file write this code

<style>

quantity-popover .quantity {
background: black !important;
}


</style>

banned
Asad24
Shopify Partner
180 36 32

Screenshot 2023-10-06 165332.png

banned
bbambbam
Tourist
5 0 1

Thank you @Asad24 the solution worked! 

By the way, could you also help change the font of the product to a google font called 'Barlow Condensed' bold style?

The rest of the website I'm using font.io but the product font is not changed.

Asad24
Shopify Partner
180 36 32

Screenshot.pngDo you want to change this font ?

banned
bbambbam
Tourist
5 0 1

Screenshot 2023-10-07 at 11.05.09 am.png

Yes I want to change the font indicated in pink box.

bbambbam
Tourist
5 0 1

Sorry yes I want to change to this font