티스토리 카테고리(사이드바) 색상 바꾸기

1. 변경 전 사진

 

 

맨처음 CSS를 변경하지 않았을 경우의 사진입니다.

 

2. 사이드바의 ▷ 색상 변경

 

CSS 파일에서 

/*

 * sidebar

 */

로 부터 구성되어있는 부분을 찾아줍니다. (Ctrl + F를 통해 category 를 찾아도 가능)

 

찾았다면

 #sidebar .category { color : #ff0000;}

를 등록하면 바뀌게 됩니다. (#ff0000 은 빨강색)

 

3. 카테고리의 주제 색상 변경

 

본문의 주제 부분의 색상을 바꿔보겠습니다. 

그 전에 F12 를 통해 본문과 아래 것들의 html 명칭을 확인해 줍니다.

 

a.link_item으로 구성되어있는것을 볼 수 있습니다.

 

a.link_sub_item으로 구성되어있는것을 볼 수 있습니다.

 

4. 결론

#sidebar .category ul li ul li .link_item { color: #ff0000; font-weight: bold;}

를 CSS에 추가하게 되면 본문은 색상이 빨갛게 변하는 것을 볼 수있습니다.

 

아래것들의 디자인을 바꾸고 싶다면?

 

#sidebar .category ul li ul li .link_sub_item { }

를사용하게 되면 바뀌게 되겠습니다.

 

끄읏!