티스토리 북클럽 스킨 제목 투명도 조절

서론

티스토리 북클럽 스킨은 글 제목 배경이 글의 대표사진으로 적용된다. 그래서 제목의 가독성이 상당히 떨어지는 경우가 많은데, 다행히 제목 사진의 투명도를 조절해서 적당히 해결할 수 있다.

 

 

원본

 

 

투명도 0.65

 

 

투명도 1

 

 

투명도 조절

티스토리 관리페이지에서 스킨편집을 들어간다.

 

 

 

 

스킨편집에서 html 편집을 들어간다.

 

 

 

 

CSS를 들어간 후 커서를 코드에 두고 'CTRL + F'로 검색창을 띄운다. 

검색창을 통해 .post-cover:before를 찾는다.

 

 

 

제목영역에는 투명도를 조절하기 위해 레이어가 하나 씌워져있고, .post-cover:before에 정의되어있다.

.post-cover:before에서 배경색을 조절하는 background-color: rgba(0,0,0,0.75); 중 투명도인 0.75를 0~1 사이로 수정한다.

 

.post-cover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
}