News:

Looking for documentation? Take a look on our wiki

Main Menu

Add To Cart Button Issue [SOLVED]

Started by a.hambleton, June 28, 2012, 15:44:02 PM

Previous topic - Next topic

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

#3
looking at it quickly, try adding this code to line 50 of your vmsite-ltr.css
margin: 0 -10px;
even better you should just add this to your default template.css

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

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  :D