티스토리 블로그 글목록 리스트에 긴 글 제목 완전히 나오게 하는 방법



티스토리 블로그 글목록 리스트에 긴 글 제목 완전히 나오게 하는 방법





▣ 목록 (LIST) ▣


1. 티스토리 블로그 글목록 리스트 긴글 제목 문제점 및 해결 후 결과


2. 티스토리 블로그 스킨 편집으로 이동하기


3. 긴 글 제목 자르지 말고 완전히 표시 되게 CSS 설정하기




1. 티스토리 블로그 글목록 리스트 긴글 제목 문제점 및 해결 후 결과

(1) 글목록 리스트에서 긴 제목인 경우 전체가 다 표시되지 않는 문제가 발생함


img

(2) CSS 수정해 글 제목이 완전히 나오도록 변경함


img



2. 티스토리 블로그 스킨 편집으로 이동하기

(1) 티스토리 블로그 오른쪽 상단에 프로필 클릭

(2) 관리 선택


img

(3) 왼쪽에 “꾸미기” 카테고리에서 “스킨 편집”을 클릭하면 브라우저 새 창이 열림


img



3. 긴 글 제목 자르지 말고 완전히 표시 되게 CSS 설정하기

(1) “html 편집” 버튼 클릭


img

(2) CSS 탭 선택

(3) Ctrl+F 키보드에서 누르면 검색이 나옮

(4) 검색에서 “post-item” 입력


img

(5) 여기서 제목 설정을 건드리는 것이기 때문에 post-item .title 줄로 이동

(6) white-space: nowrap으로 되어 있는데 nowrap 줄임을 의미함

(7) 우리는 평상시대로 글 제목이 나오기 원하기 때문에 normal 변경해 줌

(8) 그리고 상단에 “적용” 클릭하면 티스토리 블로그 글 제목 CSS가 변경 됨


img