How to change the colour of the quantity selector IN CART

Store Design
, , , ,

Topic summary

A user encountered visibility issues with the quantity selector in their Shopify cart—the text appeared too pale to read both in the add-to-cart interface and within the cart itself.

Problem:

  • Quantity numbers displayed in very light/pale color
  • Affected both the product page quantity selector and cart page
  • Made it difficult to see how many items were in the cart

Solution Provided:
A CSS fix was shared involving:

  • Navigating to Online Store → Theme → Edit code
  • Opening the theme.liquid file
  • Adding custom CSS code before the </head> tag to change the text color to black

Outcome:
The solution was successfully implemented and resolved the visibility issue. The discussion is now closed with the problem solved.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

On my website, in Shop, when I add to cart, the colour of the quantity is very pale and hence, cannot be seen. Also, once I have added products to the cart, I cannot see how many there are in it because it’s way too pale.

How can I change these to black, can someone please help?

Harizan_0-1746022144143.png
Harizan_0-1746022144143.png1438×869 155 KB

Screenshot 2025-04-30 154238.png
Screenshot 2025-04-30 154238.png1037×538 24.6 KB

Website: https://harizan.co.uk/

2

Hi

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

3

Thank you so much! This totally worked :slightly_smiling_face:

1 Like