티스토리 북클럽 제목배경이 이유 없이 너무 커서 크기변경 해봤습니다.
조금만 크기변경했더니 보기 좋네요.
안녕하세요? 50억강사입니다.
티스토리 북클럽 스킨으로 사용하다 보면 위 상단 제목배경이 너무 크다고 느끼시는 분들이 꽤 많으실 겁니다.
저 역시 그런 느낌이라 수정을 해봤습니다.
이번 시간에는 제목배경 크기변경 외 2가지 수정을 할 건데요.
- 제목배경 크기변경
- 제목 위치변경
- 제목배경과 본문사이 여백수정
이렇게 총 3가지를 배워보겠습니다.
시작해볼게요
스킨 변경 및 수정하기 전에 꼭 해야 할 작업이 있죠?
티스토리 스킨 저장하기 입니다. 꼭 저장하시고 진행하세요!
1. 티스토리 북클럽 제목배경 크기변경하기
티스토리 본문을 보면 제목배경이 너무크죠?
북클럽 제목배경 크기변경을 해보겠습니다.
북클럽 제목배경 크기변경 순서
● 블로그 관리 → 스킨편집 → html 편집 → CSS → 수정
블로그관리 단축키는 "Q" 예요
CSS에서 Ctrl+F를 누르고 post-cover로 검색하여 1041번 근처 height :340px → 200px로 수정합니다.
저는 200px로 했지만 마음에 드는 수치로 수정하시면 됩니다.
수정된 모습입니다.
제목배경 크기변경은 됐는데 뭔가 좀 어색합니다.
제목글씨 위치가 이상하죠? 위쪽으로 쏠렸어요. 수정해볼게요.
2. 제목 위치변경하기
순서는 1번 제목배경 크기변경하기와 같아요.
북클럽 제목 위치변경
● 블로그 관리 → 스킨편집 → html 편집 → CSS → 수정
블로그관리 단축키는 "Q" 예요
CSS에서 Ctrl+F를 누르고 padding-bottom으로 검색하여 1067번 근처 padding-bottom:78px → 39px로 수정합니다.
저는 39px로 했지만 마음에 드는 수치로 수정하시면 됩니다.
제목이 배경 중간에 예쁘게 잘 배치가 되었습니다.
마지막으로 3번째 수정할 것이 있어요.
3. 제목배경과 본문사이 여백수정하기
제목배경만 보면 수정이 잘 되었는데 본문에 들어가 보면 제목배경과 본문사이가 많이 떨어져 있는 걸 볼 수 있습니다.
휴대폰에서는 상관없는데 PC에서 보면 너무 많이 떨어져 있어요.
순서는 2번 제목 위치변경하기와 같아요.
북클럽 제목배경과 본문사이 여백수정하기
● 블로그 관리 → 스킨편집 → html 편집 → CSS → 수정
블로그관리 단축키는 "Q" 예요
CSS에서 Ctrl+F를 누르고 padding-top으로 검색하여 2번째 440번 근처 padding-top:339px → 150px로 수정합니다.
저는 150px로 했지만 마음에 드는 수치로 수정하시면 됩니다.
수정이 모두 끝났습니다.
오늘은 티스토리 북클럽 제목배경 크기변경 외 2가지 수정 하는 방법을 배워봤는데요
천천히 따라 오시면 쉽게 수정이 가능합니다. 혹시 안 되는 게 있으면 댓글 주세요.
그리고 html 편집 후 바로 적용하지 마시고, 새로고침을 한번 보신 후 적용하세요.
다음 시간에는 또 다른 무엇이든 배울 것을 포스팅해보겠습니다.
▼함께 보면 좋은 글▼
티스토리 북클럽 썸네일 정사각형으로 만들기외 3가지 수정
저의 글을 읽어 주셔서 감사합니다. 저의 글이 조금이나마 도움이 되셨다면
로그인이 필요 없는 공감 ❤︎ 한번 꾹 눌러주세요 ^^
'유용한 정보 배우기 > 티스토리 배우기' 카테고리의 다른 글
| 티스토리 애드센스 승인방법 주제정하기 (1) | 2022.12.31 |
|---|---|
| 티스토리 애드센스 높은 확률로 승인받는 글 쓰는 방법 (0) | 2022.12.05 |
| 티스토리 북클럽스킨 썸네일 정사각형으로 만들기외 3가지 수정 (7) | 2022.09.27 |
| 티스토리 북클럽 스킨 추천/적용하기 (뉴북) (0) | 2022.09.27 |
| 티스토리 HTML 색상코드(컬러코드) 변경하기 (5) | 2022.09.26 |
댓글