Mengatur Warna Navigasi Utama Wipmedia

Mengatur Warna Navigasi Utama Wipmedia

Berikut cara mengatur warna menu navigasi utama pada tema wipmedia:

Untuk kode warna bisa dicari disini Color Hunt – Color Palettes for Designers and Artists

Warna Background utama:

.header-wrapper, .fixed-menu-wrapper .container {
	background: #D34E4E;
}

Warna judul situs jika tanpa logo:

.header-wrapper .branding h1 {
	color: #F1F3E0;
}

Warna input form search:

.header-2-1-form input {
	  border: 1px solid #E8D1C5;
    background: #E8D1C5;
    color: #000;
}

Warna placeholder pada search form:

.header-2-1-form input::placeholder  {
	color: #D34E4E;
}

Tombol/icon search:

.header-2-1-form button {
    color: #D34E4E;
}

Tombol CTA:

.subscribe-cta {
    background: #E67E22;
	color: #F1F3E0;
}

Warna icon Burger menu slide:


.slide-menu-cta {
	color: #F1F3E0;
}

Warna garis antara logo dan menu navigasi:

.header-2-1 {
    border-bottom: 1px solid #F1F3E0;
}

Warna link menu navigasi:

.header-wrapper .nav-menus ul li a, .fixed-menu-menus ul li a {
	color: #F1F3E0;
}

Warna hover pada link menu navigasi:

.header-wrapper .nav-menus ul li:hover > a {
    background: #C63E3E;
}

Warna latar belakang sub menu:

.header-wrapper .nav-menus ul li .sub-menu {
    background: #C63E3E;
}

Warna icon dropdown sub menu navigasi:


.nav-menus ul li.menu-item-has-children>a:after, .fixed-menu-menus ul li.menu-item-has-children>a:after {
	color: #fff;
}

Sekian..