Please take a look at this product detail page 7033T on my site streepwear dot com. I bet this is a css issue, which I know nothing about, but maybe not. Would you be able to tell me why the "Add to Cart" image is so stretched out? The image in the image file does not look like this.

Thanks.

~ Judy

Hi Judy

I imagine it's a conflict in the css file.

Try something like this in the css file

input.buybutton{width:180px}

You may need to change that width.

Andy

Please feel free to review / rate our software

Ok, so that did nothing, Andy - even when I changed the number a couple of times. The size didn't change. Any other suggestions?

~ Judy

That should work. How about

input.buybutton{width:180px !important}

Andy

Please feel free to review / rate our software

It must be me. . . no change is seen, in fact, I think it made it larger!. Here's what I have. Maybe it's in the wrong place -

div.detailcheckoutbutton {
width: 63%;
float: right;
margin-left: 2%;
text-align: center;
margin-bottom: 15px;
margin-top: 0px;
}
input.detailcheckoutbutton {
cursor: pointer;
width: 50%;
margin-top: 7px;
}
input.detailcheckoutbutton:hover {
}
div.detailaddtocart {
width: 63%;
margin-left: 2%;
float: right;
margin-top: 15px;
text-align: center;
margin-bottom: 0px;
}
input.detailbuybutton {
}
input.buybutton{width:180px !important
}
width: 50%;
}
input.detailbuybutton:hover {
}

~ Judy

Hi Judy,

I think you’re missing a semicolon after the !important statement:

input.buybutton{width:180px !important;}

Steve

Thanks Steve. You were right! Once I added that semi colon, Andy’s fix worked.

Thanks again guys!

~ Judy

Technically you don't need a semi-colon there, you probably have issues with other syntax errors there. Half of that stuff isn't actually doing anything, remove the following red parts and it would be better:


Peter

ServeLink
Professional ecommerce web hosting for ASP & PHP
https://servelink.com

Take a look at our image upload/resize tool for the ASP cart
https://servelink.com/clients/cart.php?gid=7