I am putting together a template for a new store that I want to do, however, I have run into a bit of a problem.
On the Recently added products page I am struggling because the "Add to Cart" and "Details" button do not work. I havent changed any of the back end code, just the CSS.
So my CSS looks like this.....
.productlistproductdetailbutton, .productgridproductdetailbutton
{
background: url(images/DETAILS.png) no-repeat top left;
border: 0 none;
float:right;
margin-left: 5px;
cursor: pointer;
display: block;
width: 63px;
height: 27px;
text-indent: -9999px;
}
.productlistaddtocartbutton, .productgridaddtocartbutton
{
display: block;
height: 27px;
width: 92px;
background: url('images/ADD.png') no-repeat top left;
border: 0 none;
float:right;
cursor: pointer;
}
Because the background buttons have the text on them I have removed the words in the localisation. This didnt work.
Put the words back into the localisation and then set text-indent: -9999px but still not working. As I say it works great in Firefox but IE8 the buttons wont work.
Has anyone got any suggestions?
I have a mooch aroound google and cant find anything.