Reformation Theme query color variant

[Ahazoh]

Hi all, 

Mu current color variant is square with a small round circle in the midle - It doesn't look good. I would like to have it round fully coloured, Any ideas on how to achieve that? Thanks in advance

[Dan-From-Ryviu]

Hi @Ahazoh 

Please share the link to your product page so I can check and give you the code 

[Ahazoh]

Thank you for helping.

Please see below the link to my page:

https://www.ahazoh.com/collections/casualwear/products/cire-mens-t-shirt-with-side-detail

Psw:2025

[Dan-From-Ryviu]

.product-information .variations .product-form__input--color input[type=radio]+label:after {
border-radius: 50%;
top: 9px;
left: 9xp;
right: 9px;
bottom: 9px;
}

Please add this code to Cutom CSS in Online Store > Themes > Customize > Theme settings

[Ahazoh]

Hi Dan, 

Thanks for that but no joy. See below the output:

I am looking for something like this:

I dont want to circle inside the square. 

Thanks in advance for your help

[Dan-From-Ryviu · Accepted solution]

Please update the code

.product-information .variations .product-form__input--color input[type=radio]+label:after {
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
}
.product-form__input--color label {
box-shadow: unset !important;
}

[Ahazoh]

amazing! Thank you so much for all your help.

It is perfect now 🙂

Have an amazing day . All the best