How do I change the color of the quantity selector on a product page?

Store Design
1

Hello there! I was wondering if anyone knew how to fill in the quantity selector on a product page? Mine is currently transparent and you can see my background behind it but it doesn’t match with the rest of my buttons. I am only wanting to turn it black as the white outline is where I need it. It doesn’t allow me to update it via customization and a product (if that makes any sense) I couldn’t find anything under the theme edits but I am also not sure what I am looking for 100%. Any help on where to edit in the customization setting or a code would be greatly appreciated. Thank you so much for your time!

URL: moderndayrags.com

2

Hello @moderndayrags

You can add code by following these steps to change background of quantity and match it with other buttons

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-form__quantity .quantity { background: #000 !important; }

techlyser_ecom_1-1674874177347.png
techlyser_ecom_1-1674874177347.png1919×1048 523 KB

3

Sorry it’s supposed to craft. I have the base. Ccs I believe it is.

4

Hello @moderndayrags
You can add below code at the bottom to assets->base.css to make quantity button black same as other buttons

.product-form__quantity .quantity {

background: #000 !important;
}

1 Like