Cara Mengatur Custom CSS & Custom Header

Pengaturan Custom CSS adalah aturan untuk mengatur beberapa komponen dalam sebuah web seperti gambar, teks, warna komponen yang ingin dibuat sesuai keinginan sendiri, sehingga akan terlihat lebih terstruktur dan seragam. Anda dapat memodifikasi atau mengedit tampilan website dengan menggunakan script css yang dimasukkan ke dalam Custom CSS.

Mengakses Custom CSS

1. Pada modul “Manajemen Administrasi” > pilih fitur “Data Master & Pengaturan” > pilih fitur “Desain & Tampilan” > pilih fitur “Tampilan Halaman Utama” > pilih fitur “Theme Builder”

(Gambar di atas : Tahapan untuk mengakses fitur Theme Builder)

Selanjutnya Anda akan melihat halaman pengaturan tampilan halaman depan.

(Gambar di atas : Tampilan halaman pengaturan tampilan halaman depan)

2. Pada halaman pengaturan tampilan halaman depan > pilih tombol “Pengaturan Lanjut” “” > pilih tombol “Custom CSS”

(Gambar di atas : Penunjuk tombol Custom CSS)

3. Tambahkan custom kode CSS pada website utama tanpa menggunakan tag > klik tombol "Simpan CSS"

(Gambar di atas : Penunjuk tombol "Simpan CSS")

Mengatur Custom Header

Custom Header adalah model atau tema yang dapat Anda gunakan untuk bagian Header website Anda. Header terletak di bagian paling atas halaman website. Header berisi informasi singkat web seperti logo website, title dan tagline website. Header ini selalu sama pada setiap halaman website. 

1. Pada halaman pengaturan tampilan halaman depan > pilih tombol “Pengaturan Lanjut” “” > pilih tombol “Custom Header”

(Gambar di atas : Penunjuk tombol Custom Header)

2. Tambahkan custom kode HTML, Mega Tag, CSS, maupun JavaScript > klik tombol "Simpan Script" 

(Gambar di atas : Penunjuk tombol "Simpan Script")