본문 바로가기
일상정보dream

티스토리

티스토리 관련글 제목 잘리지 않게 설정하는 법

by 수다고양이 2022. 12. 10.

맨 하단에 관련글 제목이 잘리지 않게 설정하는 법을 알아 볼게요.  자꾸 보다보니 보여서 찾아 보았습니다.  필요하신 분은 관련글 제목 잘리지 않게 설정해 보세요. 

 

티스토리 관련글 제목 잘리지 않게 설정하는 법 썸네일

 

아래 (1)번 사진을 보시면 관련글의 제목이 말 줄임으로 잘려 보이시죠?  그걸 (2)번처럼 잘리지 않게 설정하는 방법을 알아 볼게요. 아주 쉬워요. 

티스토리 관련글 제목 잘림현상 (1)
티스토리 관련글 제목 잘림현상 (1)
티스토리 관련글 제목 잘리지 않게 변경 (2)
티스토리 관련글 제목 잘리지 않게 변경 (2)

먼저 티스토리 관리> 꾸미기 > 스킨편집> html편집> CSS로 가줍니다. 

CSS 창 아무데나 마우스 포인트를 놓고 찾기(Ctrl+F)를 누르시고 nowrap라고 입력해 줍니다. 

그럼 9개가 뜨는대요. 그 중에서 .ralated-articles u1 li .title를 찾아 줍니다. 1404번 근처에서 찾아 주고요. 

찾으셨으면 white-space: nowrap;부분을 찾아 주세요. 

관련글 제목 잘림현상 html편집 해결 1
관련글 제목 잘림현상 html편집 수정 전

여기에서 nowrap를 normal로 변경해 주세요. 적용을 누르시고 새로고침도 해주세요. 

관련글 제목 잘림현상 html편집 수정 후
관련글 제목 잘림현상 html편집 수정 후

그러면 관련글의 제목 잘림 현상이 사라진 걸 확인하실 수 있으실 거예요. 참 쉽죠?

수정할게 그만 보여야 되는대 자꾸 보이네요. 다 수정하셨다면 또 바꿀 거 찾으러 가 보실까요? 

 





댓글