<div class="cart-input-wrapper"> <div class="input-group bootstrap-touchspin"> <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span> <input style="width: 40px; display: block;" class="js-cart-line-product-quantity form-control" data-down-url="op=down" data-up-url="op=up" data-update-url="" data-product-id="idproduct" type="number" value="25" name="product-quantity-spin" min="1"> <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span> <span class="input-group-btn-vertical"> <button class="btn btn-touchspin js-touchspin js-increase-product-quantity bootstrap-touchspin-up" type="button"> <i class="material-icons touchspin-up"></i> </button> <button class="btn btn-touchspin js-touchspin js-decrease-product-quantity bootstrap-touchspin-down" type="button"> <i class="material-icons touchspin-down"></i> </button> </span> </div> </div>
OK - so I have it wrapped in DIV. Looks OK but buttons with +/- are not inline.
It is preview of HTML that is generated by all js in Presta. I was thinking to change the CSS to make buttons looks in line like this: "-" "input" "+"
If I make it looks good it doesn't work as it should - buttons do not increase or decrease..
I do not want to change core files.
To tell the truth it is really annoying - such a simple and obvious thing and such a pain the a...