Please help me to replace my Add To Cart Buttom at Magento 1.7 version : URGENT

Discussion in 'HTML & Website Design' started by xtra-person-11, Sep 30, 2012.

0
  1. #1
    Hi,

    Is there anyone who can help me out to change my add to cart bottom on my website.

    Below is the page where you can see my worst looking add to cart:

    hairwigscare.com/index.php/full-lace-wigs/fl-s-002.html

    I want to add an image like this:

    hairwigscare.com/skin/frontend/default/grayscale/images/addtocartX.jpg


    Please help me. Its very urgent for me.

    Thanks
     
    xtra-person-11, Sep 30, 2012 IP
  2. Host Volt

    Host Volt Greenhorn

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    15
    #2
    Hi,

    You can do this using CSS.

    CSS Code:

    button {
    background:url(http://hairwigscare.com/skin/frontend/default/grayscale/images/addtocartX.jpg);
    border:none;
    width:155px;
    height:32px;
    cursor:pointer;
    }



    You can replace the long background url by a shorter one if you have one.

    I would also suggest you create a new class for your Add To Cart buttons, in case you have other buttons that you don't want this image to apply to :)
     
    Host Volt, Sep 30, 2012 IP