Warna teks comments dapat diubahsuaikan agar 'macthed' dengan warna utama blog kita. Selain itu warna teks comment juga dapat menarik dan mempermudah visitor untuk membacanya.
Di bawah ini adalah sebagian contoh template comments secara default:
(Gunakan Ctrl+F untuk mencari, dengan kata kunci 'comments')
#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
Anda dapat menambahkan aturan CSS color:#kodewarna; setelah tanda { , atau didalam tanda { } Pastikan memberi awalan tanda ; jika sebelumnya terdapat aturan CSS lain.
Untuk contoh berikut, digunakan kode hex untuk warna putih (#FFFFFF). Untuk chart dan kode warna hex lainnya secara lengkap dapat dilihat Hex Color Code Generator.
Here are the examples:
Mengubah header/judul comments ('Comments'/'Komentar', "Post a comment', 'Link to this post', dst)
#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:#FFFFFF}
Mengubah warna teks isi/body comment:
#comments-block .comment-body{color:#FFFFFF;margin:.25em 0 0}
Apabila sudah terdapat color: $/#xxxxxx anda tinggal menganti $/#xxxxxx dengan kode warna (#xxxxxx) yang anda inginkan. Jangan lupa preview terlebih dahulu n save.
Selamat bereksperimen!
Tidak ada komentar:
Posting Komentar