Categories
Blogs Free Open Source Software (FOSS) Free to use Wordpress

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

By Hilfan Soeltansyah

Bapak dari 2 anak lelaki, yang memiliki passion di kewirausahaan dalam bidang ICT, kerja di dunia pendidikan Telkom University di Direktorat Pusat Teknologi Informasi Tel-U.
https://hilfan-s.blogspot.com

Leave a Reply

Your email address will not be published. Required fields are marked *