Generate Press | Navigation 색상 변경

by

기본 Generate Press (무료 버전)의 Navigation 색상이 화이트 컬러로 다소 및및한 느낌을 줄 수 있어서 변경해보았다.
간단하게 ‘추가 CSS’를 수정하여 적용하였다.

사용자 정의

관리자 로그인 후 사용자 로그인하여 ‘추가 CSS’를 선택하고 아래와 같이 내용을 입력하고 발행하면 끝.

CSS 샘플

class와 태그를 지정하고 키:값 으로 각 속성들을 설정하였다.

.site-header {
    background-color: #001f3f;
}
.site-header a{
	  color: #ffffff !important;
}

/* Navigation Background color, Font White color */
.main-navigation, 
.main-navigation .inside-navigation {
    background-color: #001f3f !important;
}

.main-navigation a {
    color: #ffffff !important;
}

.main-navigation a:hover {
    color: #ffffff !important;
    background-color: #003366;
}
/* Menu Toggle */
.menu-toggle {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.menu-toggle a {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Menu Item */
.main-navigation ul ul {
    background-color: #2c3e50;
}