Add To Cart Button Issue [SOLVED]

[a.hambleton]

Hi guys, i am new on here!

This is my first time using VirtueMart and i must say i am very impressed with it so far!

Although i have come across a little problem...

The "add to cart" button seems to display the + & - button twice?... and i dont know why its doing it, or how to fix it.

Does anyone have any ideas as to why this could be happening?

Thanks in advance

Aaron

See link below!

http://www.absolutesupplies.co.uk/liam/index.php/shop?virtuemart_product_id=2&virtuemart_category_id=1

[fllipper]

Hello

The problem is in the file "...components/com_virtuemart/assets/css/vmsite-ltr.css"
You have to find the place were you change the propieties off the +/- buttons... around this part off the code "span.quantity-controls input.quantity-controls"

Hope this help

[srajca]

use firebug.. to help you see where exactly is the problem in your css file

[srajca]

looking at it quickly, try adding this code to line 50 of your vmsite-ltr.css

Code Select Expand

margin: 0 -10px;
even better you should just add this to your default template.css

Code Select Expand


span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
    background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll 0 -160px #E8E8E8;
    border: 1px solid #00A000;
    border-radius: 4px 4px 4px 4px;
    color: #b9298b;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    letter-spacing: 1px;
    margin: 0 -10px;
    padding: 4px 5px;
    text-align: center;
    width: 150px;
}


but this solution is probably the best

Code Select Expand


span.quantity-controls input.quantity-controls {
    border: medium none;
    height: 14px;
    width: 15px;

so just copy the last one to your default (site) template.css

[a.hambleton]

Thanks so much!

The first piece of code worked fine for me

Thanks a bunch

Aaron