티스토리 메인페이지 요약글 폰트크기 키우는 법

티스토리 메인페이지 전체를 목록을 보면 요약글 폰트크기가 너무 작아서 보기 힘들고 답답해 보일 때가 있습니다.

아래와 같이 CSS에서 폰트크기를 수정하면 마음대로 글자 크기를 증감할수 있습니다.

테스트는 티스토리 북클럽 스킨입니다.

기존 포스트 아이템 리스트

티스토리 포스트 요약글 폰트크기 키우는 법

관리자 → 스킨편집 → Html편집 → CSS로 진입

해당 CSS code

ctrl+F를 눌러 .post-item .excerpt { 를 검색합니다.

.list-type-thumbnail .post-item .excerpt {
  overflow: hidden;
  height: 3.75rem;
  margin-bottom: 20px;
  font-size: 1.1em;
  line-height: 1.25rem;
}

 

위와 같이 .list-type-thumbnail .post-item .excerpt { 을 찾았다면 

font-size를 기존값보다 키워 줍니다.

단, 바로 아래 높이 설정인 line-height: 1.25rem; 보다 높게 설정하면 이 값도 같이 키워줘야 합니다. 그렇지 않으면 글자가 겹칠수 있습니다.

font-size : 1.1em 적용 시 아래와 같이 변경됩니다.

font-size : 1.1em 적용

적용을 누르고 미리보기를 하면 폰트가 커진 것을 확인할 수 있습니다.