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
10123 2273 3167

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
26339 2637 9323

@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
10123 2273 3167

@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
Trailblazer
201 21 27

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
10123 2273 3167

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!