티스토리 북클럽 스킨 헤더 제목 배경 없애는 방법

티스토리 북클럽 스킨을 수정 중이다.

헤더 높이, 제목 폰트 크기도 바꾸고 나서 보니 영 배경색이 거슬린다.

이거도 지워버리자.

이번 수정에는 html도 건드려야한다.

 

| 티스토리 북클럽 스킨 헤더 제목 배경 없애기

스킨편집 - html 편집으로 이동한다.

 

html 400번대에 아래 코드가 있다.

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(https://blog.kakaocdn.net/dn/csANbr/btqKSfSug5f/UvgceJvB2T3au8WeBjntL1/img.jpg)"</s_article_rep_thumbnail>>

 

이걸 아래처럼 바꿔준다.

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:none"</s_article_rep_thumbnail>>

 

기본 이미지가 지정되어있던걸 이미지 사용안함으로 바꿔줬다.

이렇게 하면 CSS에서 투명도 지정했던걸 모두 없애고 고정 color로 바꾸면 된다.

나는 기본설정과 반대로 흰 배경에 제목은 어두운 글자색으로 할거라 색상코드는 원하는대로 바꾸길. 

CSS 탭으로 이동한다.

 

1052번 라인부근

.post-cover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

background-color를 #fff 흰색으로 바꿔줬다.

 

1069번 라인부터 시작

.post-cover .category {
	display: block;
	max-width: 1080px;
	margin: 0 auto 13px;
	font-size: 0.875em;
	color: #cbcbcb;
}
.post-cover h1 {
	max-width: 1080px;
	margin: 0 auto;
	font-weight: 400;
	font-size: 1.125em;
	line-height: 1.2352;
	color: #000;
}
.post-cover a {
	text-decoration: none;
	color: #555;
}
.post-cover .meta {
	display: block;
	max-width: 1080px;
	margin: 19px auto 0;
	font-size: 0.875em;
	color: #555;
}
.post-cover .meta a {
	color: #555;
}

카테고리 색상은 연회색(cbcbcb), 제목은 검은색(000), 카테고리/게시일/수정/삭제 버튼은 회색(555)로 설정했다.

변경 후 최종 화면은 아래와 같이 나온다.

 

 

도움이 되었다면 공감과 추천👍 꾹 부탁한다