Product not Highlighting when selected

[JazminMurray]

Hi there, 

Can someone please help me with my variants not highlighting when clicked. 

Example below

https://murrayresin.com.au/products/a-very-large-rectangle

Customers, then have no idea if they have added it to cart or not and its really frustrating me 😞 

Thank you so much. 

Jaz

[PageFly-Oliver · Accepted solution]

Hi @JazminMurray ,

You can try this code by following these steps: 

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

Step 2: Search file theme.liquid

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

<style>
.product-form__input input[type=radio]:checked+label {
    background-color:black !important;
    color: white !important;
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[JazminMurray]

OH MY GOODNESS, 

I honestly cannot thank you enough. 

Thank you so so so so so so much!!!! 

Jaz

[gr_trading]

Hi @JazminMurray 

Please add the below CSS in base.css 

.js.product-form__input input + label {border: solid 1px transparent;}
.js.product-form__input input:checked + label {border: solid 1px #4a4a4a;}

Hope this will help...