본문 바로가기
👩🏻‍💻 티스토리-LOG

티스토리 북클럽스킨 제목 짤림 수정하기

by 셀리나I 2023. 4. 18.
반응형

 

티스토리-제목짤림-수정
티스토리-제목짤림-수정

 

티스토리 블로그는 스킨 설정으로 끝나는 것이 아니라 html / css를 통해 블로그의 다자인을 변경할 수 있습니다. 처음에는 눈치채지 못했다가 블로그의 게시글이 늘어나면서 수정했으면 하는 부분이 생겨 편집해 보았습니다.

 

게시글의 제목이 짧을때는 상관없지만, 제목이 길때는 마무리가 ... 으로 표시면서 제목이 짤리는 것을 볼 수 있었습니다.

 

짤림-예1짤림-예2
제목짤림예시

 

 

🔎스킨편집에서 제목짤림 수정하기

▶관리 → 스킨편집 → html편집 → CSS

▶ctrl+F를 눌러 white-space 검색해 줍니다. 
▶ · post-item.title{ 
부분에 있는 white-space : nowrap; → normal; 로 수정

 

nowrapnormal
css수정

 

🔎스킨편집 후 홈 화면 변화

 

제목-길이-변경-후
제목-길이-변경-전
제목-길이-변경-후
제목-길이-변경-후

 

제목 길이를 수정 하기전에는 모든 게시글이 같은 비율로 적용되어 보기에는 좋아 보이지만, 글의 내용을 파악하기에는 아쉬움이 남았습니다.

그래도 수정 후 제목이 다 노출되는 것을 보니 글의 내용이 더 잘 전달 되지 않을까 생각합니다.

 

 

 

아무튼-정보-LOG
아무튼-정보-LOG

 

 

728x90
반응형

댓글