Cara Mengubah Warna Tampilan Tema DeNatra

1 min read

Dalam artikel ini, Kami akan memberikan tips cara mengubah warna tampilan tema DeNatra ke warna lainnya dengan muda.

Warna standar DeNatra pertama kali Anda instal adalah gradient ungu tua dan muda menampilkan desain modern dan kekinian.

Namun demikian, terkadang pengguna ingin menyesuaikan warna logo pemerintah desanya sehingga harus melakukan perubahan warna tampilan website.

Contoh website desa yang menggunakan DeNatra dan sudah mengubah warna tampilannya yaitu Desa Bontomacinna

Warna logo pemerintah kabupaten dominan biru sehingga mereka menyesuaikan warna logo dengan warna website desanya.

Untuk mengubah warna tema, Anda harus melakukannya melalui Cpanel web hosting.

Panduan Cara Mengubah Warna Tema DeNatra

  1. Login Cpanel

    Silahkan Anda login terlebih dahulu pada Cpanel hosting, setelah sukses login, selanjutnya buka file manager

  2. Buka File Config.php

    Temukan dan edit file config.php pada folder config. caranya klik public_html/desa/config/config.php. arahkan mouse pada file config.php kemudian klik kanan dan pilih edit

    Tampilan DeNatra

  3. Tambah Kode Warna

    Tambahkan kode : $config[‘color’] = ‘primary’; , Anda bisa meletakkannya pada baris paling bawah.

    Pilih salah satu untuk ubah warna tampilan ini : primary, success, warning, danger, atau secondary kemudian klik Save Change

  4. Selesai

    Anda sudah berhasil mengubah warna tampilan website desa Anda dengan mudah. Apabila tampilan belum berubah maka disarankan membersihkan cache web browser terlebih dahulu sebelum mengambil langkah lainnya.

Selain cara di atas, masih ada cara lain untuk mengubah warna tema DeNatra, yakni dengan mengedit langsung file CSS pada folder Assets.

Bagi yang ingin melakukan perubahan lebih, tentu cara kedua menjadi pilihan terbaik karena bisa memilih warna sesuai dengan keinginan hanya dengan mereplace kode warna.

Berikut cara mengubah tampilan dengan mengedit langsung file CSS-nya

Temukan dan edit file purplesidebar.css pada folder desa/themes/denatra/assets

Temukan kode warna dengan memanfaatkan google search atau fitur inspeksi google chrom

Anda bisa memilih salah satu cara di atas yang menurut Anda lebih mudah.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

WeCreativez WhatsApp Support
Cs Kami akan membantu Anda