qty box on product and cart page - increase size and qty 10,000 not visible

Dax2
Tourist
6 0 1

can anyone help me increase the width of the qty box on product and cart page?

 

its simply not big enough to display numbers like 10,000

0 Likes

Hello @Dax2,

Can you please share your site url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Dax2
Tourist
6 0 1

I solved this myself if anyone's interested. I'm using the default theme. To adjust the size of the box so you can fit larger quantities in it, go here:

 

Themes > Actions > Edit Code > Assets > theme.scss.liquid

 

to adjust the qty box on the cart screen find the line '.cart__qty-input' and then adjust the value for 'width'. I've changed it to 90px;

.cart__qty-input {
  text-align: center;
  width: 90px;
  padding-left: em(5px);
  padding-right: em(5px);
}

to adjust the qty box on the cart screen find the line '.product-form__input--quantity ' and then adjust the value for 'wmax-idth'. I've changed it to 8rem;

.product-form__input--quantity {
  max-width: 8rem;
}

 

0 Likes
emildebug
New Member
5 0 0

Hey, 

I have the same issue on Minimal theme.
I managed to increase the qty button size on the product page, but i can't find the button adjustment code for cart page. Where and how do I adjust the qty box size in minimal theme on cart page? 

Thank you

0 Likes