[블로그] 티스토리 블로그 카테고리 제목, 글자, 폰트 크기 조절하는 방법

티스토리 블로그 카테고리 제목, 글자, 폰트 크기 조절하는 방법

 

티스토리를 만들고 기본스킨을 선택하게 되면 메뉴의 크기가 생각보다 작습니다. 저도 예전에는 몰랐는데 점점 해상도가 좋아지다 보니 메뉴 제목들이 작게 느껴지네요. 그래서 조금 키워보기로 했습니다.

 

▼ 카테고리에 쓰인 CSS 클래스가 어떤 것인지 알기 위해 크롬 개발자 도구를 이용했습니다. 카테고리가 들어가 있는 div 에 #category 가 적용되어 있네요. 이제 티스토리 관리자로 가서 #category 부분을 수정하면 되겠죠.

 

 

▼ 카테고리에 적용된 CSS 값을 변경하기 위해 [관리자] > [HTML/CSS 편집] 메뉴를 클릭합니다. 그리고 style.css 에디터 창에서 #category 을 찾습니다.

 

▼ 제가 사용한 스킨은 첨부이미지가 있는 카테고리인 폴더/트리형입니다. 폴더 트리형은태그가 ul, li 가 아닌 table, tr, td 로 되어 있습니다. 치환자가 ##_category_## 인 경우이죠. 그래서 CSS 는 td 에 적용해야 합니다.

 

#category td { font-family: gulim !important; font-size:13px !important; font-weight:bold;}

 

 

▼ 위의 CSS 코드를 적용한 결과 입니다. 폰트는 굴림으로 했는데 마음에 들지는 않네요.좀더 신중하게 골라봐야 겠네요.