Close
not-full-width

Bagaimana cara memaksimalkan lebar tampilan web untuk themes twenty twenty X wordpress

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.

themes twenty twenty not 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

additional CSS customizing wordpress

This post is also available in: English

Silakan berikan komentar, pertanyaan, maupun sanggahan. InsyaAllah dibalas secepatnya.