티스토리 블로그 북클럽 테마에서 모바일 화면의 제목이 다 나오도록 변경하는 방법

티스토리 북클럽 테마에서 모바일 화면의 제목이 다 보이도록 하려면 CSS를 수정해야 합니다. 이 글에서는 티스토리 북클럽 모바일 화면에서 제목이 다 나오게 하는 방법에 대해서 설명합니다.

Table Of Contents

• 티스토리 블로그 HTML 편집
• 모바일에 해당하는 CSS 수정하기
• CSS 코드 확인

티스토리 블로그 HTML 편집

티스토리 블로그는 html 편집에서 CSS를 수정할 수 있습니다. 모바일 제목에 해당하는 CSS를 수정해야 합니다.

 

블로그 관리 홈 → 꾸미기 → 스킨 편집으로 이동한 뒤, 상단 우측에 있는 HTML 편집 버튼을 누릅니다.

 

 

이곳에서 HTML과 CSS를 수정할 수 있습니다.

 

모바일에 해당하는 CSS 수정하기

 

CSS 탭을 누르면 CSS를 수정할 수 있는 화면으로 갑니다. 모바일 화면의 제목은 post-cover의 inner h1항목입니다. 이 항목을 수정해 주어야 합니다.

 

 

해당 CSS 코드는 제목을 최대 2줄까지만 표시하도록 설정되어 있습니다. -webkit-line-clamp: 2; 속성이 이를 제어하며, 이를 제거하면 제목이 전체적으로 표시됩니다.

 

다음과 같이 해당 라인을 주석처리해 줍니다.

이렇게 하면 제목이 잘리지 않고 전체가 표시됩니다.

 

이 방법을 사용하면 제목만 봐서는 어떤 글인지 알 수 없던 문제를 해결할 수 있습니다.

 

CSS 코드 확인

문제가 되는 코드를 삭제한 코드는 아래를 참고하시면 됩니다.

.post-cover .inner > h1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}