How can I reduce the border size of variant labels?

[Kim51]

Hi

I am looking at how to make the border of the variant labels smaller, without changing the text.

It looks to “much” as it is now.

BR. Kim

www.avilo.dk

code: eathay

[KetanKumar]

@Kim51

sorry for that issue i can’t see please share product url so i will guide you

[dmwwebartisan]

@Kim51

Could you please provide a screenshot?

[Denishamakwana]

Hi,

can you please provide a screenshot where you want to change it?

So, I will help you to solve it.

Thank you.

[Kim51]

Product url: https://avilo.dk/collections/laenestol/products/lounge-stol-kvadrat-hallingdal?variant=39411219300425

[dmwwebartisan]

@Kim51

Please add the following code at the bottom of your assets/theme-product.min.css

.template-product .form-swatch-item {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 15% !important;
}

.template-product .swatch-other .form-swatch-item label {padding: 3px 3px 3px 3px !important;}

Thanks!

[Kim51]

Thanks!