Replace Add to Cart Button with Image

[Randy]

Randy

July 12, 2015 at 5:29 am

I am trying to add an image in place of the Add to Cart Button. I was able to accomplish this for the single product page with the following although I am also getting the text “Buy Now” which is coming from the plugin WooCommerce Amazon Affiliates. Is there something I can add to remove the text?

.product .entry-summary .single_add_to_cart_button {
background: url(‘*Login to see link no-repeat;
width: 150px;
height: 63px;
}

For the store / shop page I tried adding the following and I see the image and when I hover over it I see the orange Buy Now button. I would like the image to be hidden until hovered over and also with no text from the WooCommerce Amazon Affiliates plugin.

.kad_shop_default_simple .product_item a.button {
background: url(‘*Login to see link no-repeat;
width: 150px;
height: 63px;
}

Here is a link to my site although I have removed the custom css code mentioned above. *Login to see link

Thank you in advance.

Randy