Solved

Variant count per line

technase
Shopify Partner
80 0 21

Hi, 
I am using a theme called Ella and I want the width of my product page to be enough to fit 5 variants per line, as shown in the screenshot below.
Any help is greatly appreciated. 

https://testingstoresandthemes.myshopify.com/products/600ml-shaker

storefront password: test
screencapture-testingstoresas copy.png

technase
Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1026 267 212

This is an accepted solution.

Hey @technase,

 

Try this 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.product-form__swatch .product-form__label {
    width: 70px !important;
    height: 70px !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706960325055.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
1026 267 212

This is an accepted solution.

Hey @technase,

 

Try this 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.product-form__swatch .product-form__label {
    width: 70px !important;
    height: 70px !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706960325055.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here
technase
Shopify Partner
80 0 21

Thank you. With a little tweaking in the width and height I was able to make it look perfect. 

technase