Cannot change Add to cart image

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 2.5.28
-- PHP version -- : 5.4.36
-- Browser(s) name and version -- : Firefox 37.0.1

I've done all I can think of. The latest thing I've found was adding this to the CSS:

Everything I've done, it does not change the add to cart button. I've even cleaned the cache many times and never saw a change. What else can I do?

Hi,

You've changed the buttons style option of the configuration from "normal" to "css", and in that case, it's not the class hikashop_cart_input_button that you want to use but the class hikashop_cart_button so you want to do such CSS code instead:
.hikashop_cart_button{
background: url(' mywebsite.com/images/addtocart.png ') !important;
}

I've done what you said. Button style is CSS and I've added the following to my Front-end CSS file:

The button now looks like this:



I did change the URL to the image URL I would like to use. I've even checked to make sure the URL was correct.

Hi,

I tried to look at your product page in order to analyze the issue but the links to the product page on your website do not seem to work anymore.
Could you provide a link to a product page so that we can see that ?

After some time, the image for my add to cart button appeared but now looks like this:

Hi,

You might had a browser cache issue for the CSS.

Regards,

I got it working somewhat. I changed the code a little.

FROM:
TO
It's working great now but I would like to remove the Add to cart text which I can probably just delete from the language file and I would also like to remove the border around the Add to cart button.

Also, I have it set up so when an item is added to cart, the popup appears and both the Continue Shopping and Proceed to Cart buttons are the same as my add to cart button.