Ukuran Blockquote

Tampilan blockquote pada artikel blog terkadang kurang nyaman dilihat. Hal tersebut disebabkan ukuran margin atau font yang terlalu besar. Ingin diperkecil agar dapat memaksimalkan ruang yang ada dan agar lebih nyaman dilihat?

File style.css

Biasanya, setelah mengubah suatu nilai pada file style.css, nilai tersebut akan kembali ke nilai awal (default) setelah ada update/pembaruan tema. Oleh karena itu, dibuatlah tutorial ini untuk mendokumentasikan bagian yang perlu diubah untuk mengatur suatu nilai sesuai dengan keinginan.

Tema atau theme WordPress yang dibahas pada tulisan ini adalah ColorMag. Lokasi file style.css berada di

.../wp-content/themes/colormag/

Bagian yang perlu diubah adalah bagian yang ada komentar

/* =BLOCKQUOTE

Tahap 1

Pada tahap ini, bagian yang diubah adalah ukuran padding antara tulisan dan tepi luar blockquote.

Berikut ini adalah screenshot perubahan yang dilakukan menggunakan VIM melalui terminal di Linux.

Berikut ini merupakan screenshot perbandingan tampilan ukuran default dan custom.

Tahap 2

Pada tahap ini, bagian yang diubah adalah ukuran font dan padding tulisan yang ada di dalam blockquote.

Berikut ini adalah screenshot perubahan yang dilakukan menggunakan VIM melalui terminal di Linux.

Berikut ini merupakan screenshot perbandingan tampilan ukuran default dan custom.

Tahap 3

Pada tahap ini, bagian yang diubah adalah ukuran dan posisi tanda petik.

Berikut ini adalah screenshot perubahan yang dilakukan menggunakan VIM melalui terminal di Linux.

Berikut ini merupakan screenshot perbandingan tampilan ukuran default dan custom.