Ok, so Ive just had another go at this.
I examined the theme.js from another theme which has the buttons I wanted.
There are 4 instances of "verticalbuttons: !1", you need to change that to "verticalbuttons: !0"
I have then just done some basic css to get this look for the product page
The css I used is
.product-quantity .qty .input-group {
display: flex;
}
.product-quantity .input-group .input-group-btn > .btn-touchspin {
border: thin solid #bfbfbf;
color: var(--nwe_darkgrey);
width: 3rem;
height: 2.75rem;
font-size: 2rem;
font-weight: 100;
padding: 0;
justify-content: center
}
.product-quantity #quantity_wanted {
text-align: center
}
You will then need to do some css for the +/- in the cart as the js changes that too, but the above css is just for the product page.
You can see mine in action on my wip site at https://wip.northwestecigs.uk/batteries/481-xtar-x4-battery-charger.html
This seems to work fine for me. Im not sure if its the correct method.. maybe it can be done somehow with an override because after updating your store you will need to make the alterations to the theme.js again.
Hope this helps
