add to cart button WAY TO BIG!!!

[hooksandhowlers]

Any ideas on why my add to cart button is to big? when I uploaded the picture it is the right size, but when I look at the page, it takes up too much room. I can't find where to adjust the settings.

Any Ideas?

url is http://www.gamecallsupply.com/store/buckgardner.html

Is that something that my template is controlling? Also, is my .css page controlling the size of the product name? Because when i change the size in shopsite, it's not changing it on my page?

Let me know if you have any ideas.

[hooksandhowlers]

I clicked on my page and checked on view source. it shows that the add to cart image that I provided is only 90 px by 25 px. but it's stretching in out for some reason. Where is the override from?

And why is there more html code in my actual page that I can't see in my custom template html code? Any Idears?

[Jim]

The add to cart button image is being resized by the height and width attributes assigned to it.
<input class="add" type="image" src="http://www.gamecallsupply.com/store/media/add.gif" alt="add.gif" width="90" height="25" vspace="0" hspace="0" border="0">

Go to the Images screen in the backoffice of your store , select the "add.gif" image from the list and click the Edit Images button. Now in the <img> Tag Attributes section change the Size to the actual height and width of the image. You could also change the Alt text tomore descriptive text like "Add to Cart" instead it being just the image name, add.gif. Once those changes are made click Save Changes. Then to get it to display properly on the store pages you will need to republish the strore. (Utilities > Publish > Regenerate)

[hooksandhowlers]

Well Jim, thanks for the suggestion but it didn't work. I checked all of the things that you said and it seems like they were already set to the right size. The actual size of the image is 90 x 25 so the sizes are correct.

I deleted the image and put re-uploaded it and it is still messed up.

Any other suggestions?

Aaron

[hooksandhowlers]

Is there someway that my .CSS stylesheet is messing up my whole page? i can't change the size and color of my product names either unless I change the template for the product. but then it is still red and i can't change it.

[Jim]

In the css file you have the link colors defined as
a { }
a:link { color: #f00; }
a:visited { color: #000; }
a:active { color: #000; }
a:focus { color: #666; }
a:hover {
color: #F00;
}

Since your product name is a link to the moreinfo page it will be #f00 or red (a:link color) until you click on it then it will change to black (a:visited). If you hover over it it will again change to red (a:hover) as long as the cursor is on it.

You also have the section
input {
width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
}

input:focus, textarea:focus { background-color:#ffffff; }

Since the Add to cart is an input that is probably what is making it so big. Try removing the width from the input style and see if that fixes it.