Tùy biến Primary Navigation của Genesis Child Theme


Các bạn chỉ cần thay đổi mã màu và chèn đoạn code (hoặc edit nếu có sẵn) vào trong style.css.

MÀU NỀN ( BACKGROUND COLOR )

.nav-primary {
	background-color: red;
}

change-background-color

MÀU CHỮ ( FONT COLOR )

.nav-primary a {
	color: yellow;
}

change-font-color

MÀU CHỮ VÀ MÀU NỀN KHI RÊ CHUỘT VÀO ( FONT & BACKGROUND HOVER COLOR )

.nav-primary a:hover {
	color: yellow;
	background-color: orange;
}

current-menu-item

MÀU CHỮ VÀ MÀU NỀN CỦA CURRENT MENU ITEM

Đoạn code này giúp bạn thay đổi màu chữ và background của Current Menu Item trên thanh Primary Navigation của Genesis Child Theme

Ví dụ : bạn đang ở category blog thì ở trên Primary Navigation sẽ hiển thị như thế này

.nav-primary .current-menu-item > a  {
	color: blue;
	background-color: white;
}

hover-color

 MÀU NỀN VÀ MÀU CHỮ SUB MENU ( SUB MENU BACKGROUND & FONT COLOR )

.nav-primary .sub-menu a {
       background-color: green;
       color: white;
}

sub-menu

MÀU NỀN VÀ MÀU CHỮ SUB MENU KHI RÊ CHUỘT VÀO ( SUB MENU HOVER COLOR )

.nav-primary .sub-menu a:hover {
       background-color: pink;
       color: yellow!important;
}

 

Theo Thuthuatblogger.net


Liên hệ Admin tại đây hoặc qua email info@huyct.net


Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *