Cara mengganti FontAwesome icon dengan gambar

Caranya adalah inspect element pada css icon tersebut. misalkan begini code css yang menampilkan icon itu

.icon-star:before {
 content: "?";
 }

kemudian, edit code tersebut menjadi seperti ini:

.icon-star:before {
 content: url("http://lendcreative.com/elina/wordpress/wp-content/uploads/2014/09/icons_star1.gif") !important;}

dimana “http://lendcreative.com/elina/wordpress/wp-content/uploads/2014/09/icons_star1.gif” adalah letak url gambar disimpan, dan !important untuk menggantikan perintah kode yang sebelumnya

pada file style.css silahkan tambahkan code yang baru di atas.

silahkan refresh browser anda untuk memastiikan icon sudah berubah.

cara mengganti fontawesomo icon dengan gambar

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *