change the size of the color attribute thumbnail and / or make the shape round

[zena]

Good evening everyone I can't change the size of the color attribute thumbnail and / or make the shape round I tried to read the forum but I can't find the code parts indicated you can tell me the correct files to change I have version 1.7.7.1 Thanks to those who answer me

[mickeyboy1]

Look in your theme css file and look for 

label .color, .variant-links .color, .custom-checkbox input[type="checkbox"]+span.color {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: .3125rem;
    margin-right: .5rem;
    cursor: pointer;
    background-size: contain;
    border: 1px solid #979797;

Change the width and height to suit your needs

If you want them round then you can add 

border-radius: 4px

And change the 4px to suit

[zena]

thanks is perfect

[mickeyboy1]

Your welcome

Edited February 13, 2022 by mickeyboy1 (see edit history)