Cara Memperkecil Header Median UI 1.6

Cara Memperkecil Header Median UI 1.5
Saifulah.id
 - Tinggi kolom Header pada template Median UI 1.6 menurut saya terlalu berlebihan, karena fungsi kolom ini hanyalah sebagai tempat meletakkan logo, kolom pencarian, fitur terjemahan, mode malam, dan profil.


Secara bawaan, header ini memiliki tinggi 60px, supaya tampilannya lebih kecil, maka akan kita ubah menjadi 45px supaya pas dengan logo dan widget yang lainnya.

Cara Memperkecil Ukuran Header Median UI 1.6

  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Meningkatkan Skor Accessibility Median UI 1.6 Menjadi 100

  5. Tekan Ctrl + F
  6. Masukkan kode .headCn dalam kolom pencarian
  7. Tekan Enter dua kali
  8. Maka kalian akan menemukan kode seperti ini
    .headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB); display:flex}
  9. Hapus kode var(--headerH) lalu ganti dengan 45px
  10. Simpan Tema

Penjelasan

Kode "var(--headerH)" adalah kode yang merujuk pada ukuran header dalam CSS yang memiliki value 60px. Dengan mengubah kode ini maka sama seperti kita mengubah ukuran tinggi header.

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan donasi. Klik tombol merah.