Cara Merapikan Kolom Komentar di Ghost.io

Photo by Edge2Edge Media / Unsplash

 

Kemarin saya cerita tentang proses menambahkan kolom komentar di Ghost.io, bisa kamu baca selengkapnya di sini.

Di akhir tulisan masih ada masalah batas kanan-kiri kolom komentar yang terlalu kebablasan ke pinggir.

Alhamdulillah, pas tulisan ini saya bikin, masalah itu udah beres.

Pagi ini saya dapat pesan dari adikku. Isinya kode CSS:

<style>

.article-comments {

margin-left: auto;

margin-right: auto;

margin-bottom: 7rem;

max-width: calc(750px + 8vw);

padding-left: 4vw;

padding-right: 4vw;

width: 100%;

}

</style>

 Salin kode tersebut dan sematkan pada kolom Site Header di sini:

 

Gimana cara mengakses ke menu itu? Yuk cermati ini:

Langkahnya:

1. Klik icon setting di kiri bawah
2. Klik menu 'code injection'
3. Tempel kode CSS di atas di kolom 'Site Header'
4. Klik 'Save'

Kode CSS itu untuk mengatur ukuran kolom komentar agar sesuai dengan ukuran rata kanan-kiri artikelnya.

Coba bandingkan screenshot di atas dengan screenshot di tulisan 'Cara Menambahkan Kolom Komentar di Ghost.io'. Pasti terasa bedanya!

Terimakasih buat adikku yang sudah bantuin.

Terimakasih juga buat kamu karena sudah membaca cerita saya hari ini.

Wiradesa, 19 Juni 2022

https://blogger.googleusercontent.com/img/a/AVvXsEi20lfnow3QxP3Kc-J97UjazD-A6Rmlw2zsWiEtWELV9fxwTi5ziEoaqksJpcNF5osZygSDl-dUUkv0iYgkarvFHqdTTy7n_hFdYLSDtzyXe4H6hhHEoSVRXuF_e6h-o-P7yo8ZoF0KCSLPG0n2mEKgZWL_-weYvfWWDQnUgspQxLuSAuVUz72nZFidrg=s16000

https://shp.ee/bpf6c9h

https://blogger.googleusercontent.com/img/a/AVvXsEhD0Eq7xBQ7tIFbIK7Q_ECgIN6RtBZmrjR9YqggvtcsZ1CoHXwNN9jIsBMKBq03Zya3OntDoqh5E-nEGOnJX7nKl6fpqanGh9_DJV1IqQCUl3UkdtugmLBieSak_Pq-ahg6VdfxcaSCLmJJob8e2ndhYblPOVR0ejd3wIC-6qGxS2rorSdmueB1gpkRzA=s16000

https://shp.ee/m8bycch

https://blogger.googleusercontent.com/img/a/AVvXsEhMHrequR_uiFqHUSPt2thla2lqOVUNoui7mo8a0RoSEJ11oovhPG4cQSxMs2ltpJ5FZcuZg59zkwasw7EWVTL7xyNLsB3KjN5wztNTU4ETP_K9wI9FjqeMfZr4becfFFc7xKjiLuIA9IBihgRbo98bVwbu_T09Lh6OZbG0PSN2aLK2q5ZKwyqPoMJn0Q=s16000

https://shp.ee/6p8qtih

https://blogger.googleusercontent.com/img/a/AVvXsEgjJ6RZa4pWp-Tb7MaMnnsm-M7-RX3ho3v0o2WMDZMWHpsjY8p-KGJwUw8n4Ip2mVIpAsDT6kFhsMd433EisJCycOjTTt0i_AzcctOSV_i5gxi94W-MrUQgLmsdg9sw2rAOlSSWnayIXB63EwI4H1HdExTGwYmtm4H5RgUN5sj1tWniSQQ7Qu6CODx5uw=s16000

https://shp.ee/uap8v7h