본문 바로가기
소소한 일상 정리/유튜브 | 블로그 | SNS

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

by 코코쥬안 cocojuan 2022. 12. 2.

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

▣ 목록 (LIST) ▣

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

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

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

 


 

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

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

 

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

 

 

 

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

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

  (2) 관리 선택

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

 

 

 

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

  (1) "html 편집" 버튼 클릭

   (2) CSS 탭 선택

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

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

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

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

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

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

댓글