How to adjust width of Quantity box

Hi joehark,

I’m at your website right now, it seems to be styled properly.

See this screenshot: https://cloudup.com/c1f7Z0F0q-f

Thank for that – but the issue is not on the ordering page. It’s on the checkout. To see what I am seeing you need to order something. Once you have something in your cart go to Checkout.

That’s where you will see the overly long Qty field. I apologize for not making that clear.

Of course ?? you do not actually have to complete the order

My issue is also on the checkout page…

I changed the status of this ticket away from “resolved” – back to “open” in hope that Justin is still monitoring the thread.

I suspect that his fix will be very much like the previously suggested one.

Ah, gotcha.

Okay, in that case, you’d use the same width (5em or 2em) with this selector:

form.adjustform.qty input[type="text"] {
     width: 2em;
}

Let me know if that does the trick for you.

That’s a vast improvement. Thanks!

But now there’s no space between the qty box and the update button. Also, can I shrink the height of the update button or add vertical space to the item lines?

Hi MPDesign,

Try this:

#checkout_page_container .checkout_cart input {
  margin: 1em;
}

Looks like this:
https://cloudup.com/cC9GfylLUKe

If you need any other help with your theme styling, you might consider hiring an expert.

Cheers!

YES! That’s it! Thank you very much