Dalam mengedit kode CSS pada template blog sebenarnya sangat mudah jika sobat sudah tahu sedikit tidaknya tentang apa itu CSS, HTML, JAVASCRIPT.
Nah berbicara masalah bagaimana cara mengedit kode CSS Font Awesome pada blog sebenarnya sangat mudah hanya menambahkan kode ( ::before ) di depan kode font awesome tersebut.
Dalam template blog responsive kode CSS nya berbeda pada tampilan destop dan pada tampilan mobile jadi kita harus tahu mana kode CSS yang untuk versi destop dan CSS untuk versi mobile.
Nah jika dalam template blog sobat ada menggunakan font awesome dan sobat kurang mengerti cara mengedit nya, di sini saya akan membahas sedikit tutorial tentang bagaimana cara mengedit kode CSS pada font awesome.
Di sini saya akan memberikan sedikit contoh bagaimana cara mengedit kode CSS pada font awesome. Pada contoh dibawah ini saya akan buatkan contoh font awesome Facebook dan untuk font awesome yang lain sobat bisa mengembangkannya sendiri.
Perhatikan kode class facebook dibawah ini. Itu merupakan kode class facebook menggunakan font awesome.
<div class='fa fa facebook'>
Nah jika sobat ingin mengedit atau ingin memperkecil dan memperbesar ukuran font nya maka tambahkan kode CSS dibawah ini dan letakkan di atas kode ]]></b:skin>
.fa fa facebook::before {font-size:20px;}
Intinya dalam mengedit font awesome tambahkan ::before sesudah kode CSS pada font awesome tersebut.
Misalnya kode class nya
<div class='fa fa facebook'>
Pada kode CSS nya tambahkan ::before sehingga menjadi
.fa fa facebook::before
Sementara jika sobat ingin merubah ukuran atau ingin menghilangkan pada halaman tertentu maka tambahkan kode
.fa fa facebook::before {font-size:20px; display:none}
Demikianlah sedikit penjelasan dari saya tentang bagaimana cara mengedit kode font awesome pada CSS template blog.
Jika sobat masih bingung dengan tutorial yang telah saya di atas tinggalkan komentar pada kolom komentar dibawah ini.
Semoga artikel ini bermanfaat.
Selamat Mencoba...
Tidak ada komentar