Blockquote pada Artikel WordPress

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 tulisan 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/

Tahap 1

Pada tahap ini, bagian yang diubah adalah ukuran padding antara tulisan dan tepi luar blockquote. Bagian yang perlu diubah pada style.css adalah baris 217 dan 218. Berikut ini adalah screenshot perubahan yang dilakukan menggunakan VIM melalui terminal di Linux.

Ukuran default
Ukuran custom

Berikut ini merupakan screenshot perbandingan tampilan ukuran default dan custom.

Ukuran default
Ukuran custom

Tahap 2

Pada tahap ini, bagian yang diubah adalah ukuran font dan padding tulisan yang ada di dalam blockquote. Bagian yang perlu diubah pada style.css adalah b aris 224, 228, dan 229. Berikut ini adalah screenshot perubahan yang dilakukan menggunakan VIM melalui terminal di Linux.

Ukuran default
Ukuran custom

Berikut ini merupakan screenshot perbandingan tampilan ukuran default dan custom.

Ukuran default
Ukuran custom

Tahap 3

Pada tahap ini, bagian yang diubah adalah ukuran dan posisi tanda petik. Bagian yang perlu diubah pada style.css adalah baris 238, 240, dan 241. Berikut ini adalah screenshot perubahan yang dilakukan menggunakan VIM melalui terminal di Linux.

Ukuran default
Ukuran custom

Berikut ini merupakan screenshot perbandingan tampilan ukuran default dan custom.

Ukuran default
Ukuran custom

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

four × 1 =