Increase Quantity field size in cart

Hey there!

I wasn’t able to access the site you linked to see your site’s specifics, but should be able to tweak the width of the quantity field using CSS.

The exact CSS depends on your theme, but here’s how it works in Storefront.

table.cart td.product-quantity .qty {
    padding: 0.326em;
    width: 3.706325903em;
}

By increasing the value of width in the clause above, you can widen the field. Storefront also has additional rules for smaller viewports that would need to be tweaked, so keep that in mind for your site’s theme too.

It looks like you may have found a solution to this. I am going to mark this as Resolved at this time. If you have another issue please feel free to open a new post. ??

Thanks!

got the same problem.
so what i did. Its a problem of the CSS of the wordpress theme in cooperation of the woocommerce CSS

so i grep the woocommerce.css and at the point “quantity” i just ereased the “width: 3,706em;” part
so this part stays: “.woocommerce .quantity .qty{text-align:right;}.”
you could change the alignment, but in my page it hasnt any effect.
So what will happened. The field quantity will have his own line and next line you find the order button
other effect, in the cart, the field are also bigger and showing the real amount fully.

Using: WordPress 5.7
Woocommerce: Free Version 5.1.0
and some Extra Plugins, like Contactform etc…which is necessary.

PS: funny effect, if you buy a fully version of WooCommerce, e.x. German Market, than you dont got this problem. I just tried out in 2 different shops.