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 [colorIconWanted.PNG] [currentColorIcon.PNG]

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; }

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

.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

Hi Dan, Thanks for that but no joy. See below the output: [Ahazoh_0-1738668295189.png] I am looking for something like this: [Ahazoh_1-1738668345289.png] I dont want to circle inside the square. Thanks in advance for your help

amazing! Thank you so much for all your help. It is perfect now :slightly_smiling_face: Have an amazing day . All the best

Reformation Theme query color variant

Store Design

Ahazoh February 4, 2025, 9:39am 3

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

Topic		Replies	Views
How to change the shape of the size variant from rectangle to Circle in Colorblock theme? Store Design shopify-themes	3	62	April 20, 2023
Change the variant radius from rounded to more square boxes - Dawn theme Store Design design , customizations , landing-page , css , html	3	66	March 12, 2024
Change variant picker to square Store Design design , customizations , troubleshooting , product-page	3	84	March 19, 2025
Highlight Selected Color Variant on Product Store Design customizations , css , product-page	3	73	July 24, 2024
change the variant picker shape to circle Store Design design	3	107	November 5, 2024

Reformation Theme query color variant

Related topics