woocommerce quantity in cart obscured by ^ v arrows

Change your woocommerce.css from;

.quantity .qty {
    box-sizing: border-box;
    line-height: 1;
    margin-bottom: 0.53em;
    text-align: center;
    width: 2.8em;
}

to

.quantity .qty {
    box-sizing: border-box;
    line-height: 1;
    margin-bottom: 0.53em;
    text-align: center;
    width: 4em;
}

The larger the width, the more quantity can be added. If you want to allow clients to purchase 100 tablets, you’ll have to increase the width until you’re satisfied. ??

Hi abfchgirlx,

I’m having the same problem. But I’m not sure how to find the woocommerce.css file. I’m in Appearance –> Editor, but I can’t find the code that you mentioned above.

Can you point me in the right direction?

Thanks!
Dan

@dankreider
Its possible woocommerce.css will get overwritten by WooCommerce updates, so maybe best not to alter it. Instead, treat the second piece of css as custom css. If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://www.ads-software.com/plugins/simple-custom-css/

This will load later in the page so taking precedence over the equivalent style in woocommerce.css.

If the code doesn’t work, its possible that WooCommerce has changed since the suggestion, or that your theme does things differently. If so, please post the link to your site.