티스토리 사이드바 카테고리의 글씨가 길어서 자동 줄 바꿈현상이 일어낫습니다.
사이드바 카테고리 자동 줄바꿈 현상에 의해 홈페이지 사이드가 예쁘지 않게 되었습니다.
위 사진처럼 글자 갯수를 표현하는 숫자가 아래로 자동 줄바꿈이 되었습니다.
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]
'IT 정보(블로그 등)' 카테고리의 다른 글
iexplore 응용프로그램 오류 해결하기[메모리는 written될 수 없었습니다.] (0) | 2018.12.17 |
---|---|
티스토리 사이드바 카테고리 설정[문단 간격 조절 방법 sidebar widget] (0) | 2018.11.02 |
티스토리 블로그 사이드바 광고 가운데 정렬 방법 (0) | 2018.10.23 |
티스토리 사이드바 광고 사이즈 조절[크기 조절하기] (0) | 2018.10.21 |
티스토리 사이드바 광고 넣기[개시 방법] (0) | 2018.10.20 |