Quantity and variant selectors on both product and cart page are blacked out- taste theme

[Nickherna_]

Both quantity and variant selectors are blacked out on product page and on my cart page the quantity selector again is blacked out and i cant seem to find a fix anywhere. both selectors on the home page work perfectly fine Help please!

Store url: https://stickmate.co/

[PageFly-Henry]

Hi @Nickherna_ 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

product-form__quantity {

    background: white !important;

}

.product-form__input input[type=radio]:checked+label {

    background-color: white !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Dan-From-Ryviu]

Hi @Nickherna_ 

You can add those code below at the bottom of your base.css file to solve the issue

quantity-popover .quantity__button:not(:focus-visible):not(.focused), quantity-popover .quantity__input:not(:focus-visible):not(.focused) { color: #fff !important; }
.product-form__input input[type=radio]+label { color: #fff !important; }
.product-form__input input[type=radio]:checked+label { color: #f59f26 !important; }

[Nickherna_]

Hey Dan

The code worked in regards to the variant pills  but not in regards to the quantity issue. I see that you got it working on your end which i find odd cause i just copy and pasted

[Dan-From-Ryviu · Accepted solution]

Please try to update code like this and check again

.product-form__input input[type=radio]:checked+label { color: #f59f26 !important; }
.product-form__input input[type=radio]+label,
.quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused){ color: #fff !important; }

[Nickherna_]

Legend!!! thanks a million dan

[Dan-From-Ryviu]

You are very welcome, @Nickherna_ 

[Nickherna_]

Hey dan sorry to bother

for some reason when i go into my store on mobile the issue seems to still be there, any idea as to why?

[Dan-From-Ryviu]

Hi @Nickherna_ 

Did you try to clear browser cache of your mobile?