- This topic has 6 replies, 2 voices, and was last updated 6 years, 3 months ago by
.
-
Posts
-
Greetings – my client’s customers are confused and calling left and right. Problem was noticed shortly after wp upgrade to 4.9.8. All plugins are updated on the site.
If you go to this link and put in a quantity of 2 digits or more, then ‘view cart’ (button at the top) – you will see the quantity box is too small. Happens on mac and pc; page zoom doesn’t affect it one way or another.
Can send a screen shot but don’t see where to attach one here.
Thank you!
rubberbandarrangements.com/online-store/
=========================================
**PS FROM CATHERINE** I tried these two suggested fixes ago from previous submissions. Neither make any discernible change. I used the plugin helpfully supplied.
Hi Gareth, Currently the width for the quantity is set to “auto”.
You could always put some CSS code in the wp_eStore_custom_style.css file to make the width larger. For example:
.eStore-button-form input {
width: 50px !important;
}
You can also apply that custom CSS using the following plugin:
http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413
===AND TRIED THIS: NO LUCK!
.eStore_cart_item_qty {
max-width: 60px !important;
}
The quantity box looks fine to me at the moment (I am guessing you have applied the necessary CSS tweaks).
You can try the following custom CSS that should make it wider (so instead of 60px, try 80px):
.eStore_cart_item_qty {
max-width: 80px !important;
}
Remember to empty your cache after you apply the CSS tweak (so you can see the change).
Hello, could someone look at this again please? There is no change on the online cart page; the boxes are too small, cutting off anything over one digit.
Worse, on the online store page, the paypal button was shrunken tiny and unreadable (perhaps from this part here:)
.eStore-button-form input {
width: 50px !important;
}
At any rate, changing the px below does not help. I even tried 150px yesterday, and no improvement.
.eStore_cart_item_qty {
max-width: 80px !important;
}
I have just now removed the extra css coding to get the paypal buttons back correctly sized. Client and myself have both cleared cache (as always) and checked other browsers.
Note pls: One digit shows fine; 2 and 3 digits are cut off. Of course, but you must put 10-100 items in on the store page in order to see the problem on the cart checkout page.
Update 9pm est USA
I put this code in (your helpful custom css plugin) from an old forum post which indeed works on the ‘store’ page quantity box (duplicate links above) but does ‘not’ change the quantity box size on the Cart page, which currently shows only one digit (although you can select the box and see the other digits in the box). What I mean by cart page is: the checkout page where the items selected from the online store page are listed and the customer pays.
input.eStore_cart_item_qty{
width: 60px !important;
}
Without a way to attach a screen shot to my post here, someone ‘must’ put a large quantity in from the store in order to see the problem on the cart (review your order) page. You’ll see it immediately.
Thank you!
You needed to use “max-width” like I showed in my example above (using just the “width” won’t work in this case). I have corrected the CSS on your site and it is now working fine.
Works perfectly. To reiterate for others who may get this problem, below is the code that cured the too-narrow box problem on the checkout page on my system. The css plugin they recommend makes it so easy; I highly recommend it. Much appreciated.
input.eStore_cart_item_qty{
max-width: 80px !important;
}
- You must be logged in to reply to this topic.