본문 바로가기
블로그운영

티스토리 북클럽 스킨 미리보기 본문 줄 수 변경하는 방법

by simple11 2022. 2. 5.

티스토리 북클럽 스킨 미리보기 본문 줄 수 변경하는 방법

 

 

 

 

내 블로그 리스트에서 제목 아래 미리 보이는 본문 줄 수가 3줄이었다. 굳이 3줄이나 노출될 필요가 없을 것 같고 리스트 상에서 지저분해 보이기도 해서 3줄에서 2줄로 바꿔 보았다.

 

변경 전과 변경 후의 리스트 모습이다. 

CSS 편집으로 숫자만 하나 수정해 주면 돼서 간단하다.

 

 

CSS 수정 방법

1. 블로그 관리> 꾸미기 > 스킨 편집으로 들어간다.

2. 우측 스킨 편집 아래 'html 편집'을 눌러준다.

3. 상단에 css 탭을 눌러준다.

 

 

4. ctrl + F로  아래 내용을 검색한다.

thumbnail .post-item .excerpt

 

내 블로그 기준으로는 2286행쯤에 나온다.

 

5. 두줄 아래 있는 height : 3.75 rem에서 3.75 숫자를 2.5로 변경해 준다.

 

(참고로 3줄 더 아래 line-height 가 줄 높이인데 이 수치인 1.25 만큼 빼줘서 3줄에서 2줄이 되는 것이다. 따라서 2줄이 아닌 1줄로 더 줄이고 싶다면 2.5 대신 1.25를 입력해 주면 된다)

 

3줄에서 2줄로 변경되니 더 깔끔한 느낌이 든다. 위 방법으로 더 보이게 하거나 더 줄이는 등 원하는 만큼 조절해 보길 바란다.

 

(변경 후) 본문 2줄

 

반응형