Quantity buttons looks bad

I tried this plugin on a demo site with Storefront 1.2.5 and WC 2.3.3, but the +/- buttons do not display correctly in the Cart.

https://cloudup.com/cbKsvJEkMiD

However, they look good on a single product page.

Hi Bradley, thank you for your response. Yea, I know they don’t look as bad but you can see previous look here https://pl.tinypic.com/view.php?pic=2zoi0pg&s=8#.VN3kQfkllWU. And this is present look https://i62.tinypic.com/xpxwtz.jpg. I really want to get them back ?? I tried to change style of this buttons but i failed. Can anyone help me? ??

Yes I am agree new buttons look bad :((( if anyone have a new idea…

Agreed, the new buttons are unacceptable
they should have left the old buttons in place

one of our themes still has the old buttons even after the update
but others do not

Woocommerce bring back the buttons…. please

I also have problems with buttons. Is too bad. Please help us.

The buttons on a phone look even worse! And I can’t figure out how to change them.

I started another topic about those buttons here: https://github.com/woothemes/WooCommerce-Quantity-Increment/issues/2. Will see what they can do.

A temp fix. If you remove:

type="button"

from the ‘+’ and ‘-‘ input buttons in the .js files. This returns the buttons to the original style (at least for me). Making it a button type is probably the reason they look terrible.

@b-summers thank you for this tip, can you define in which file is this code? (where to find it?)

If you download the plugin files it is located in:

woocommerce-quantity-increment > assests > js

Both those .js files need to be changed. The <input type=”button”> is located near the top, and there is one for plus, and one for minus.

However I will note, once I took out the button text, and tried to click on the ‘+’ or ‘-‘, it prompted me to enter text on a mobile device. So I’m not sure this is the best fix.

I am still trying to find a solution as my client needs this fixed ASAP.

@mathew07 is your issue with the buttons on mobile devices? Or on desktop versions.

My issue is with the look on mobile devices.
I found adding: -webkit-appearance: none;
fixed my problem. See the post here about it:
https://stackoverflow.com/questions/5449412/styling-input-buttons-for-ipad-and-iphone

@b-summers both – desktop and mobile devices.

Unfortunately this sollution doesn’t work for me ?? buttons looks still very bad.

I think you’re just going to have to use CSS to move them around the way you want them.

Yeah i know but .. It’s just too much for me I guess. I’m not a programmer, I just learn everything by myselfe ??

Did you figure it out in the meanwhile, mathew?