Tips and Tricks HQ Forum

Support Forum for Tips and Tricks HQ Products

Register or log in - lost password?

Search the Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore Troubleshooting

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

(5 posts) (3 voices)
  • Started 1 year ago by Ren2010
  • Latest reply from amin007
  • Related Topics:
    1. php function for shopping cart display in child theme template
    2. Shopping Cart Hide Quantity
    3. Shopping cart graphics are stretched
    4. Limiting shopping cart quantity on digital products.
    5. Refresh Web Page Increases Shopping Cart Item Quantity?

Tags:

  • buttons stretched
  • images stretched
  • stretched
  1. Ren2010
    Member

    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.

    Posted 1 year ago #
  2. amin007
    Key Master

    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;

    Posted 1 year ago #
  3. Ren2010
    Member

    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.

    Posted 1 year ago #
  4. RS71
    Member

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

    Posted 7 months ago #
  5. amin007
    Key Master

    For thesis theme:
    http://www.tipsandtricks-hq.com/forum/topic/images-appear-too-bigsmallstretched-on-thesis-theme

    Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.

Tips and Tricks HQ Forum is proudly powered by bbPress

Tips and Tricks HQ  | WP Shopping Cart  | WP Affiliate Software  | WordPress Membership Plugin