티스토리 북클럽 본문상단 제목박스 사이즈 줄이기

티스토리 북클럽 기본스킨을 적용한 후 본문에 들어가면 상단 제목 블록이 아래 왼쪽 이미지와 같이 너무 크게 잡힌다.

그래서 단 몇 분 만에 크기를 적당히 조절하는 방법을 소개하려 한다. 

1. 박스 사이즈 조절

블로그 관리 페이지-> 꾸미기-> 스킨편집->html 편집으로 가서 CSS 창을 누르고 위와 같이 스킨을 변경하면 회색으로 이루어진 제목 박스 사이즈를 조정할 수 있다. 본인은 340px에서 200px로 변경하였다.

 

그리고 변경을 해 보면 박스 내부에 제목이 상단으로 쏠려 있는걸 확인 할 수 있다. 이제 이것을 보기 좋게 변경해보자.

 

2. 제목을 박스 중간으로 정렬

padding-bottom: 78px에서 10px로 변경해보았다. 이건 제목의 길이 및 브라우저의 종류 및 화면 해상도에 따라 본인이 맞게 설정하면 된다. 일반적으로 15px에서 20px정도가 적당한 것 같다.

 

이렇게 설정을 마치고 나서 적용을 하고 본문에서 새로 고침 후 확인하면 제목 박스의 크기가 보기 좋게 적용 되어 있을 것이다.