Changer les couleurs de vos boutons d'achat
Samedi 5 janvier 2008 -
Peu d'entre vous on changé la couleur des boutons d'achat, vous devez probablement beaucoup aimer le orange (comme moi). Mais si en fait, vous ne saviez pas comment faire, voici la piste :
Il faut modifier le CSS dans la feuille de style.
Pour la couleur du blog et des bordures :
.productDetail table.blocprice {background-color:#FFFFCC; // fond
border: 1px solid #FFFF66; // bordure de droite et de gauche}
.productDetail .blocprice td {
border-bottom: 1px solid #FFCC66; // bordure du bas
border-top: 1px solid #FFCC66; // bordure du haut
}
Et pour le bouton :
Pour les boutons d'achat de la page d'accueil :.productDetail .blocprice td.buynow a{
color: #FF3300; // couleur du texte
background-color: #FFCC66; // couleur du fond
}
.productDetail .blocprice td.buynow a:hover{
color: #FFCC66; // idem mais quand la souris est dessus
background-color: #FF3300;
}
.productInList .buynow a {background-color:#FFCC66;color:#FF3300;}
.productInList .buynow a:hover { // idem mais quand la souris est dessusbackground-color:#FF3300;color:#FFCC66;}
Et voilà, plus qu'à mettre les codes hexa de vos jolies couleurs.