사이드바 변경

해당요소(검색시 사용)

[html]
<s_sidebar>

[css]
.widget

서브카테고리 및 아이콘 사이즈 변경 - 3.0.5 기준

1. 3.0.5버전으로 업데이트 되면서 서브 카테고리가 너무 작아 글씨가 잘안보이고 그 앞의 아이콘은 너무커서 보기싫은 부분을 수정한다
2. .widget-inner li li li a {font-size:10px;} 이 부분이 서브카테고리를 작게하려고 추가된 부분으로 이것을 " >" 아이콘에만 적용되게 하고 크기도 줄인다
3. .widget-inner li li li a:before {font-size:6px;} 이렇게 변경한다

 

변경전 CSS 변경후 CSS

사이드바 폰트사이즈 변경,줄간격 줄이기 및 밑줄 색상 변경 - 3.0.5 기준

1. 사이드바 폰트사이즈 변경은 .widget-inner ul li a { 이부분의 font-size: 12px;를 자신에 맞게 변경한다
2. 카테고리 및 사이드바 부분의 줄간격을 줄여서 가독성을 높인다
3. .widget-inner ul li a { 이부분에 line-height:1.3;를 추가한다
4. 카테고리 아래의 border색상을 조금 흐리게 적용한다 ( #f6f6f6 적용 )

변경후 CSS

사이드바 제목 작고 진하게 변경 - 3.0.5 기준

1. 폰트 사이즈를 1.5em에서 1.4em으로 변경한다
2. 폰트 색상을 약간 진하게 #999에서 #444로 변경한다

변경후 CSS

마우스오버시 백그라운드 없애고 폰트컬러만 변경되도록 수정 - 3.0.5 기준

1. color:#ff6600; 를 추가한다
2. /* background-color: #1ba7b7; */ 마우스 오버시 백그라운드색상 주석처리 한다

변경후 CSS

사이드바 상단및 하단 여백 조정 - 3.0.5 기준

1. 카테고리 하부여백을 40px 에서 30px로 변경한다
2. margin-top:20px를 추가하여 윗부분 여백을 준다

변경후 CSS