Memberi Warna Berbeda Pada Menu

Selain mengubah warna di pengaturan warna yang ada di menu Colors, Anda juga bisa menggunakan CSS untuk membuat warna berbeda pada menu aplikasi Anda. Layout yang kita jadikan contoh pada artikel ini adalah layout Bluetility.

Caranya, kopi script di bawah ini dan tempatkan pada Advanced Customization CSS/SCSS pada menu Colors.

.homepage .layout li:nth-child(1) { 
    background-color: #0099C7; 
} 
.homepage .layout li:nth-child(2) { 
    background-color: #ffd64b; 
} 
.homepage .layout li:nth-child(3) { 
    background-color: #ff3a2e; 
} 
.homepage .layout li:nth-child(4) { 
    background-color: #9d5cad; 
}

Silakan ganti code warna #xxxxxx dengan code warna yang telah Anda siapkan.

Note:
Code di atas hanya akan berefek pada 4 menu. Jika Anda menggunakan lebih dari 4 menu, silakan tambahkan script

.homepage .layout li:nth-child(X) { 
    background-color: #YYYYYY; 
}

(X) = urutan menu dan #YYYYYY = warna yang dipakai

 

ADD YOUR COMMENT