How to adjust width of Quantity box

correction – that’s on the Checkout page.

bump? please help if you know how to fix this.

I’m having the same problem. This pushes the “update” button below the quantity box and makes everything look terrible.

I assume everyone has the problem. But why is there no fix for it? It should be simply an issue of telling us which file to edit and what code to replace.

Hi all,

That does sound quite ridiculous for it to be so wide. Can any of you provide a link to your site that shows the problem in action? Should be a very simple change to your CSS to fix.

Thanks for your interest in helping with this. Here’s a “single product” page

https://fishermanschoice.com/products-page/crab_scented_bait/fishermans-choice-natural-hand-cut-bait-squid-strips/

And here’s a checkout page where the scrunching in the review section messes up the page

https://fishermanschoice.com/products-page/checkout/

using Google Chrome’s “Inspect Element” or searching the files I cannot find css that manages this.

Hi Justin,

Products page:
https://test.brucetech-targets.com/wp/products-page/

Check out:
https://test.brucetech-targets.com/wp/products-page/checkout/

Thanks in advance!

@mpdesign – thanks for those link. They demonstrate that you can customize those pages.

But even so – those pages have the same weird that invite a unrealistically huge ordering Quantity.

I’d like mine to be set for a maximum of three characters. Can you tell us how to set that?

doesn’t anyone from WP-eCommerce monitor this forum?

This is clearly a design flaw that affects everyone.

That’s what I’m looking to do as well. I think that when the qty field is shrunk, the update button won’t be jammed into everything else.

I’m having the same problem you are. Hopefully we’ll here from Justin soon.

I apologize – I had missed your point that you too have the problem. . Yes – I am hoping that Justin – or someone – will offer us some help.

Hey Justin,

Were you planning on getting back to us?

I suspect he will not. I wrote to him weeks ago through his own web site and never got a response.

How can a flaw like this exist in a product supposedly used around the world – and no one has ever raised highly visible design mistake?

Hi all,

So the solution here is pretty simple, just set a sane width in your CSS. Because every theme is different, the width values will be different .

For example, on your site, @joehark, you’d want to add something like this to your theme’s stylesheet:

div.wpsc_quantity_update input {
  width: 2em;
}

Whereas you, @mpdesign, would want something like this:

div.wpsc_quantity_update input {
  width: 5em;
}

Hope that helps.

First of – Thank You for your willingness to help. That is sincerely appreciated.

There are three style sheets available in this theme.

style.css
compatibility.css
wpsc-default.css

I added the suggest code to each of them one by one. Nothing changed. If you wish access to the Dashboard please provide an email address and I will send you access credentials.

Respectfully