Shopify themes, liquid, logos, and UX
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
code: eathay
Solved! Go to the solution
This is an accepted solution.
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!
sorry for that issue i can't see please share product url so i will guide you
Could you please provide a screenshot?
Hi,
can you please provide a screenshot where you want to change it?
So, I will help you to solve it.
Thank you.
This is an accepted solution.
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!
User | RANK |
---|---|
123 | |
90 | |
77 | |
71 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022