Ketika kita menggunakan themes twenty twenty – X bawaan wordpress kadang kita menjumpai lebar isi tulisan (container) tidak sesuai dengan lebar judul. Sehingga tampilan dilayar komputer kita jadi kurang enak dipandang. Ya karena container bawaan themes twenty twenty tidak default full width.
Nah seperti ini contohnya, judulnya lebar banget, sedangkan isi tulisan hanya 1/2-nya
Saat tampilan di handphone sebetulnya tidak ada masalah, asik-asik aja, namun saat di laptop resolusi tinggi baru kerasa ngga enak dipandang.
Untuk menyiasatinya bisa menggunakan custom full width themes twenty twenty berikut ini:
/* Change the content width to be same as header/nav/footer's width */
@media only screen and (min-width: 822px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 100%);
}
}Masukkan kode diatas di custome CSS themes wordpress anda.
additional CSS customizing wordpress