티스토리 사이드바 카테고리 설정[화면, 폭 간격 조절 방법 padding]

티스토리 사이드바 카테고리의 글씨가 길어서 자동 줄 바꿈현상이 일어낫습니다.

 

사이드바 카테고리 자동 줄바꿈 현상에 의해 홈페이지 사이드가 예쁘지 않게 되었습니다.

 

 

위 사진처럼 글자 갯수를 표현하는 숫자가 아래로 자동 줄바꿈이 되었습니다.

 

CSS 소스 코드를 조금 수정하면 되지않을까하여 이것저것 삭제, 수정, 변경해본결과 가능하였습니다!!!

 

위와같은 현상 발견시 해결방법을 찾으시는분들은 아래 순서에 준하여 확인 및 수정해보도록 하세요~

 

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

 

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

 

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

 

 

2. 아래와 같이 검색이 되면 padding-right라는 항목이 있는데, 그부분의 크기단위인 px의 수치를 변경해주면 됩니다.

 

 

3. 현재는 30px로 설정되어있는데 수치를 40px로 변경해보겠습니다. 

 

 

 

 

4. padding-right의 수치를 키우니 줄바꿈 간격이 더 줄어 들었습니다.

 

 

5. 카테고리 padding-right의 수치를 40에서 20으로 줄여 보겠습니다.

 

 

6. 제가 원하는데로 줄바꿈 현상이 일어나지않고 한줄에 완료되었습니다.

   ㄴ 여기서 padding-right란 padding이라는 영역의 오른쪽 크기영역을 조절하는 코드로 보입니다.

 

 

오늘은 사이드바 카테고리의 padding 영역을 수정하여 폭 간격 조절 및 줄바꿈 현상을 없애보았습니다.

 

오늘도 좋은하루 보내세요~^^

 

2018/11/02 - [IT 정보(블로그 등)] - 티스토리 사이드바 카테고리 설정[문단 간격 조절 방법 sidebar widget]