테스트 사이트 - 개발 중인 베타 버전입니다

메뉴바 색상 변경 채택완료

BVEN 6년 전 조회 4,473

defalut.css 입니다

1.

현재 기본테마 사용중인데 파란색으로 표시되고있습니다

이 색상을 만약 빨간색으로 변경하고 싶으면 어디를 건드려야할까요?

2.

루트폴더에 css -> defalut.css가 있고

theme->basic->css-> defalut.css가 있는데 둘의 차이는 뭔가요?

 

/* 메인메뉴 */ #gnb{position:relative} #gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap{margin:0 auto;position:relative} #gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3)} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;} #gnb .gnb_1dli:hover{background:#1a30a7; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;} .gnb_2dli{border-top:1px solid #253dbe} .gnb_2dli:first-child{border:0} .gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);} .gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none} a.gnb_2da:hover{background:#0e2080; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff} .gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0} #gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);} #gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px } #gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071} #gnb_all .gnb_al_li li {padding-left:10px;line-height:2em} #gnb_all .gnb_al_li li i{color:#9ca6cc} #gnb_all .gnb_al_li li a{color:#555}

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
6년 전

1. #gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1; 의 background부분을 수정하시면 됩니다.

2. 테마를 사용하는 경우에는 테마의 css가 적용되고, 테마를 사용하지 않는경우 루트폴더의 css가 적용됩니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
6년 전

요소의 스타일 선택자 위치 알아내는 법

https://homzzang.com/b/css-251

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인