Making variant label border smaller

[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=3941121930042...

[dmwwebartisan · Accepted solution]

@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!