Making variant label border smaller

Solved
Kim51
Tourist
7 0 3

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

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9824 2236 3076

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 6 (6)
KetanKumar
Shopify Partner
24923 2498 9041

@Kim51 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
9824 2236 3076

@Kim51 

Could you please provide a screenshot?

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Denishamakwana
Pathfinder
114 15 13

Hi,

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

So, I will help you to solve it.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
dmwwebartisan
Shopify Partner
9824 2236 3076

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Kim51
Tourist
7 0 3

Thanks!