Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

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

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › Shopping Cart buttons/images and quantity field stretched in my theme

Tagged: buttons stretched, images stretched, stretched

  • This topic has 4 replies, 3 voices, and was last updated 13 years, 11 months ago by amin007.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 3, 2010 at 3:50 am #1300
    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.

    June 3, 2010 at 4:58 am #21224
    amin007
    Participant

    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;

    June 3, 2010 at 12:59 pm #21225
    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.

    June 17, 2011 at 10:16 am #21226
    RS71
    Member

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

    June 17, 2011 at 11:55 pm #21227
    amin007
    Participant

    For thesis theme:

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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ