Author Topic: Add To Cart Button Issue [SOLVED]  (Read 1901 times)

a.hambleton

  • Beginner
  • *
  • Posts: 3
Add To Cart Button Issue [SOLVED]
« on: June 28, 2012, 15:44:02 pm »
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

  • Beginner
  • *
  • Posts: 13
Re: Add To Cart Button Issue
« Reply #1 on: June 28, 2012, 16:56:06 pm »
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

  • Jr. Member
  • **
  • Posts: 146
Re: Add To Cart Button Issue
« Reply #2 on: June 28, 2012, 18:27:24 pm »
use firebug.. to help you see where exactly is the problem in your css file

srajca

  • Jr. Member
  • **
  • Posts: 146
Re: Add To Cart Button Issue
« Reply #3 on: June 28, 2012, 18:34:41 pm »
looking at it quickly, try adding this code to line 50 of your vmsite-ltr.css
Code: [Select]
margin: 0 -10px;even better you should just add this to your default template.css
Code: [Select]
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: #FFFFFF;
    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]
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

  • Beginner
  • *
  • Posts: 3
Re: Add To Cart Button Issue
« Reply #4 on: June 28, 2012, 22:29:24 pm »
Thanks so much!

The first piece of code worked fine for me :)

Thanks a bunch

Aaron  :D