Shopping Cart buttons/images and quantity field stretched in my theme

[Ren2010]

Hello,

First off, I just want to thank you for this excellent plugin. I know that it is going to work well for me – I just have a little road block that I need help with. I searched and found a few similar issues to mine reported in this forum, but none of the solutions were clear enough or they didn’t work for me.

So here’s the problem I’m having. My theme, which I’ve been otherwise happy with (“Gallery Theme” from WPZoom) is not displaying the eStore shopping cart quanity field or the button/images correctly. They are all stretched. I tried the default theme, and the shopping cart looks great, so I know that there is something in my theme that isn’t agreeing with the eStore plugin.

I’m not very knowledgeable about the code. If someone can analyze what is causing this and give me a snippet of code that I can paste in somewhere, it would be greatly appreciated!

I’m using the most recent version of the eStore plugin. I have not modified it.

See the error (in both the main page area and the sidebar) here:

http://www.backdroppers.com/checkout/

Let me know if you need more info.

Thanks for your help.

[amin007]

I found the following in your CSS file

#main input, #commentform input {background-repeat: repeat-x; width: 250px; padding: 2px 0 2px 5px; font-size: 18px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; }

See how the width is specified as 250px?

width: 250px;

This is not good as it’s making every input field to be 250px. Set the width to auto or remove the field completely and everything will work fine.

You can replace the “width: 250px;” statement with the following:

width: auto;

[Ren2010]

Thanks so much, Amin007!

That worked in correcting the sizing of the quantity field and the button images.

Thanks again for your help! Much appreciated.

[RS71]

The width: auto; code helped me out a bunch. Thanks. I was having the same problem, using Thesis theme by the way.

[amin007]

For thesis theme:

https://support.tipsandtricks-hq.com/forums/topic/images-appear-too-bigsmallstretched-on-thesis-theme

[Author]

Posts