티스토리 사이드바 카테고리 설정[문단 간격 조절 방법 sidebar widget]

티스토리 사이드바 카테고리 문단 간격 조절에 대해 알아보겠습니다.

 

카테고리수가 늘어남에따라 모니터 화면을 넘어 카테고리가 잘리는 경우가 생기더라구요.

 

 

그러나 저는 아직 카테고리수가 많지않으니 문단 간격을 좁혀보기로 하였습니다.

 

아래 순서를 참고하시어 적용해보시기 바랍니다~^^

 

1. 티스토리의 블로그 관리에 접속한 뒤 CSS 소스 코드를 열어 sidebar widget li를 검색해 주세요.

 

접속 방법 : 블로그관리 -> 좌측 중간에 위치한 스킨 편집 클릭 -> 우측 상단에 위치한 HTML편집 클릭 -> 상단에 CSS클릭

 

검색 방법 : Ctrl + F를 눌러 검색창이 발생되면 sidebar widget 작성후 enter를 누른다.

 

 

2. 아래와 같이 검색이 되면 margin 라인에서 line-height라는 항목이 있는데, 그부분의 수치를 변경해주면 됩니다.

 

 

 

3. sidebar widget 안의 margin 라인에서 line-hight수치를 200% -> 100% 변경해보겠습니다.

 

 

 

 

4. 새로고침 하여보니 카테고리 문단간의 간격에 틈이없는것이 눈으로 확연히 보여지네요.

 

그렇지만 너무 좁으면 마우스 커서가 클릭하기도 어려우니 문단 간격을 조금만 늘려보겠습니다. 

 

 

5. sidebar widget 안의 margin 라인에서 line-hight수치를 100% -> 150% 변경해보겠습니다.

 

 

6. 카테고리의 문단 간격이 보기좋게 띄어진것이 보이네요. 

 

 

제 기준에서는 margin 라인의 line-hight 수치는 150%이 적당해 보이네요.

 

사람마다 개인 성향과 기준이 다르니 본인에게 맞는 문단 간격을 조절후 적용하시면 됩니다^^

 

오늘도 좋은하루되시기 바라며, 10월 말부터 일교차가 심한 하루하루인데 모두 감기 조심하세요^^

 

2018/11/02 - [IT 정보(블로그 등)] - 티스토리 사이드바 카테고리 설정[화면, 폭 간격 조절 방법 padding]