티스토리 북클럽 스킨 헤더 배경 투명도 수정하는 방법

티스토리 북클럽 스킨 기본설정으로 사용하다보면 헤더 높이도 엄청크고 투명도도 애매해서 제목이 제대로 보이지 않는 문제가 있다. 

헤더 높이를 줄이는 방법은 앞서 설명을 했고, (아래 참조)

티스토리 북클럽 스킨 헤더 높이 수정방법

 

이번엔 헤더 배경 투명도를 조절해서 제목이 보다 뚜렷하게 보이도록 수정하는 방법을 알아보자.

 

| 티스토리 북클럽 스킨 헤더 배경 투명도 수정하기

스킨편집 - html 편집 - CSS 탭을 선택한다.

아래 코드를 찾는다.

 

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

 

여기에서 background-color: rgba 열의 제일 마지막 숫자인 0.70 부분을 0~1 사이 숫자로 바꿔준다.

0에 가까울 수록 투명해지고 1에 가까울수록 불투명해진다.

기본설정이 0.45였나?? 그럴텐데 나는 0.70정도로 맞춰놨다.

0.70이면 아래 처럼 보인다.

 

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