La personalizzazione del pulsante wishlist è molto utilizzato da chi vuole dare un tocco creativo al proprio ecommerce woocommerce di seguio troverete le semplici fasi per arrivare ad un fantastico risultato finale.
Per personalizzare il pulsante wishlist di YITH wishlist con l’icona del famoso cuore
basta accedere da YITH -> wishlist -> colori -> css
incolla il codice che trovi sotto e salva.
.site a.add_to_wishlist.single_add_to_wishlist.button.alt { color: #ffffff; border–color: #ac1100; background–color: #ff2a13; margin–bottom: 0.25em; text–shadow: 0 0.075em 0.075em rgba(0,0,0,0.5); box–shadow: 0 0.25em 0 0 #a71000,0 4px 9px rgba(0,0,0,0.75); border–radius: 0.25em;
}
.site a.add_to_wishlist.single_add_to_wishlist.button.alt:hover { color: #ffffff; border–color: #600900; background–color: #ef2201; margin–bottom: 0.25em; text–shadow: 0 0.075em 0.075em rgba(0,0,0,0.5); box–shadow: 0 0.25em 0 0 #a71000,0 4px 9px rgba(0,0,0,0.75);
}
.site a.add_to_wishlist.single_add_to_wishlist.button.alt:before
{ content:“\f004”; font–family: fontawesome;
}