VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: John2400 on October 10, 2012, 23:06:30 PM

Title: How to increase the size of the "Quantity field Box"
Post by: John2400 on October 10, 2012, 23:06:30 PM
Hi ,

My favourite annoying piece of templating is trying to get the quantity box bigger.

Please don't recommend firebug - this does not help me.

You have to be exact in where this is to be found -

[attachment cleanup by admin]
Title: Re: How to increase the size of the "Quantity field Box"
Post by: bytelord on October 11, 2012, 01:14:40 AM
Hey John,

Override the following onto your custom CSS (originals located in vmsite-ltr.css line 39 & line 40):

span.quantity-box {
    float: left;
    padding-top: 0;
    width: auto;
}

input.quantity-input {
    height: auto;
    padding: 8px;
    text-align: center;
    width: 27px;
}

If you need larger numbers play with width, if you want the height smaller play in the first with padding-top and on the second with padding.

Results attached

Do it firebug only so i override some attributes to be sure that the result will be same.

Best Regards

[attachment cleanup by admin]