Blockquote Artikel WordPress dan Kustomisasinya

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.

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.

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.

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 *

4 + 2 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.