How to change quantity button color in cart for mobile only!

Topic summary

Change cart quantity button styling on mobile (Shopify Dawn theme) from red/white to white/black. A screenshot was shared for context.

Access details were requested; the store URL and password were provided so helpers could inspect.

Solution provided: add custom CSS to the theme (base.css) using a mobile media query to target the quantity input and set background to white and text to black. Two variants were suggested:

  • Specific selector with max-width 760px: .cart-items .cart-quantity .quantity__input with background: white and color: black.
  • Broader selector with max-width 600px: .quantity__input with background-color: #ffffff and color: #000000.

Outcome: The OP confirmed the CSS fix worked. No further issues reported; discussion resolved.

Summarized with AI on December 18. AI used: gpt-5.

1 Like