Shopify themes, liquid, logos, and UX
This is an accepted solution.
Here's how to achieve that:
1) Go to "Online Store"
2) Three dots -> Edit Code
3) Find the main.css file
4) Add the following code at the bottom of the file
5) Save and refresh the target store page
variant-picker variant-color .m-product-option--swatch label {
width: 60px !important;
height: 60px !important;
}
If done correctly, the result should be like this:
Feel free to readjust the values. I hope this helps!
If you don't want to edit the theme code directly, you can use a code injection app like the one in my signature.
This is an accepted solution.
Here's how to achieve that:
1) Go to "Online Store"
2) Three dots -> Edit Code
3) Find the main.css file
4) Add the following code at the bottom of the file
5) Save and refresh the target store page
variant-picker variant-color .m-product-option--swatch label {
width: 60px !important;
height: 60px !important;
}
If done correctly, the result should be like this:
Feel free to readjust the values. I hope this helps!
If you don't want to edit the theme code directly, you can use a code injection app like the one in my signature.
Thanks so much! Worked like a charm
Anytime! Glad to help! 🙂
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025