[Gordon Bryant2]

I have used the supplied code for replacing the button images, and they all worked except for the "Continue Shopping button, which won't work, and I can't figure out why.

The code I'm using is:

/* The "Continue Shopping" button in up state */
div.ecwid-ContinueShoppingButton-up, div.ecwid-ContinueShoppingButton-up-hovering, div.ecwid-ContinueShoppingButton-ie6-up, div.ecwid-ContinueShoppingButton-ie6-up-hovering {
background-image: url(http://i.imgur.com/PFHbDnz.png) no-repeat top center;
}
/* The "Continue Shopping" button in down state */
div.ecwid-ContinueShoppingButton-down, div.ecwid-ContinueShoppingButton-down-hovering, div.ecwid-ContinueShoppingButton-ie6-down, div.ecwid-ContinueShoppingButton-ie6-down-hovering {
background-image: url(http://i.imgur.com/PFHbDnz.png) no-repeat top center;
}

When I try to use that on my store (or more accurately, on a local offline test build of the store) the original continue shopping button appears, and looking in the chrome Inspector reveals that my style is underneath.



Disabling the first style (the original one) using the element inspector shows my new button, which then works correctly. I just want to get rid of the original one that is rendering on top.

Can anyone help?

[Maristany]

In the code you provided it says background instead of background-image, but it seems you're using the right code. The thing is, that first continue shopping button is around 350 lines inside your custom theme and is an image of the Beige Theme, maybe you activated it and you're adding your customizations there? If that's the case it'll work if you don't add many modifications, but can become very messy if you do.

Just a thought, hope this helps.