CSS Styling - image backgrounds for basket / checkout buttons? .ec_FormButton
We'd like to style the .ec_FormButton buttons with graphics so we tried changing this:
eC_Clean_Pacifica_Arial .eC_FormButton {
border: none;
background-color:#4870AA; /* Accent_1 */
color: #FFFFFF; /* Global_White */
margin: 0 0 0 1px;
padding: 10px 0 10px 0;
font-size: x-small;
text-align: center;
width: 120px;
}
...to this:
.eC_Clean_Pacifica_Arial .eC_FormButtonCHKOUT {
background: url(energy-saving-light-bulbs/btn-basket-checkoutoff.png);
background-repeat: no-repeat;
border: none;
color: #FFFFFF; /* Global_White */
margin: 0 0 0 1px;
padding: 0;
font-size: x-small;
text-align: left;
width: 146px;
height: 41px;
}
Example here (checkout button on our basket page):
https://www.ledwarehouseuk.com/indexHOME.php > Select a Product > Add to Basket > Basket Page
It does everything but display the image! Why is that?
NJ