티스토리 북클럽 스킨에서 글제목에 이미지 배경의 높이를 조절하는 방법에 대해 알아보겠습니다.
스킨편집 > html편집 > CSS에 들어가서
|
.post-cover {
position: relative;
z-index: 20;
display: table;
width: 100%;
height: 340px;
background-color: #6DC5D1;
background-position: 50% 50%;
background-size: cover;
box-sizing: border-box;
}
|
height: 340px; → 180px로 수정
원하는 높이만큼 값을 넣어주면 됩니다.
이렇게 높이를 줄이면 제목과 본문 사이에 공간이 많이 비게 됩니다.
제목과 메타부분 공간을 줄여주기
|
.post-cover .meta {
display: block;
max-width: 1080px;
margin: 34px auto 0;
font-size: 0.875em;
color: rgba(255, 255, 255, 0.6);
}
|
margin: 34px → 18px로 수정
아래 공백줄이기
|
.post-cover .inner {
display: table-cell;
position: relative;
z-index: 10;
vertical-align: bottom;
padding-bottom: 78px;
}
|
padding-bottom: 78px → 20px로 수정
봤을 때 적절한 높이값으로 줄여주면 됩니다.
제목과 본문의 간격이 너무 많다면 줄여줍니다.
| #tt-body-page #container { padding-top : 339px; |
padding-top 값을 150px로 변경합니다. (적절한 높이로 조절해봅니다.)
'티스토리 북클럽스킨' 카테고리의 다른 글
| 티스토리 북클럽 스킨 썸네일 이미지 사이즈 1:1로 바꾸기 (0) | 2024.07.16 |
|---|---|
| 티스토리 블로그 제목 글꼴 변경하기 (0) | 2024.07.16 |
| 티스토리 북클럽 스킨 이미지에 테두리 넣기 (0) | 2024.07.16 |
| 티스토리 북클럽 스킨 글제목 다 나오게 설정하기 (0) | 2024.07.16 |
| 티스토리 버튼 넣기 (0) | 2024.07.16 |
