Changing the background of my Variant Picker

[movementwarrior]

How do I change the background color of my variant picker and quantity selector from white to black? Here is my website https://rebelsouluprising.com/products/i-am-a-**bleep**-hoodie-with-decorative-ears

[Guleria · Accepted solution]

Hello @movementwarrior ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

quantity-input.quantity {
    background-color: #000 !important;
    color: #fff !important;
}
.product-form__input--pill input[type=radio]+label {
    background-color: #000 !important;
}

If you need help with code part you can contact me for services

You can find the email in the signature below.

Thanks

[Guleria · Accepted solution]

Hello @movementwarrior ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

quantity-input.quantity {
    background-color: #000 !important;
    color: #fff !important;
}
.product-form__input--pill input[type=radio]+label {
    background-color: #000 !important;
}

If you need help with code part you can contact me for services

You can find the email in the signature below.

Thanks

[Dan-From-Ryviu · Accepted solution]

You can change the color of the text to black instead. Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to do that

.product quantity-input,
.product quantity-input svg,
.product .product-form__input label { color: #000 !important; }