my website is for chairs and we have various attributes which are for the variable products. I would like to keep the colour of the chair the same as the current size and define custom size for the attributes such as a headrest, armrest and footrest.
I have an example here below:
here you can see that the colour swatches are square and smaller in size and the other attributes such as headrest and wheels are rectangular and larger.
if I make adjustments to the current CSS then all the sizes are being changed. is there another solution to this?