How to change variant box width on Products Page for Debut theme

New Member
2 0 0

I would like to change the variant box width on my products page in the Debut theme.  I have 3 variant boxes: size, color and quantity.  Size and color are on one row and then the quantity box is underneath on a second row.  I would like all three to be in one single row.  I was able to find css code in another post to add to theme.scss.liquid.  It was:  .product-form__input{width:100%;}


I just changes the percentage to change the box width.  This did change the variant box width perfectly BUT left a big gap or space between each variant and left that third "quantity" variant box on the second row.  Is there different code or additional code that can lessen the gap/space between each variant box? 

Shopify Partner
3237 710 860


Please share your website URL. I will check and provide a solution here.


If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on
Follow us on Instagram @dmw.webartisan