북클럽 스킨 제목 배경 어둡게 하는 방법 (제목 가독성 높이기)

블로그를 점검해 보다가 본문 제목 색상이 흰색이라 제목 배경이 밝은 경우에 눈에 잘 띄지 않는다는 걸 알게 됐다.

CSS에서 제목 배경 색깔을 어둡게 할 수 있어서 적용해 봤더니 훨씬 가독성이 높아졌다.

몇 분 만에 할 수 있고 간단하니 아래 순서대로 적용해 보길 추천한다.

제목 배경 어둡게 하는 방법

1. 블로그 관리> 꾸미기 > 스킨 편집으로 들어간다.

2. 우측 스킨 편집 아래 'html 편집'을 눌러준다.

3. 상단에 css 탭을 눌러준다.

4. ctrl+ F를 눌러서 post-cover:before 단어를 찾는다.

(내 스킨 기준으로는 1052 행에 있다.)

5. post-cover:before 몇 줄 아래에 background-color: rgba(0,0,0,25) 를 찾는다.

여기에 있는 숫자 (0,0,0,0.25) 중 마지막 0.25를 0.50으로 변경해 준다.

- 변경 전 : background-color: rgba(0,0,0.25)

- 변경 후 : background-color: rgba(0,0,0.50)

참고로 (0,0,0,0.25) 숫자는 순서대로 (빨강, 초록, 파랑, 투명도)를 나타내고, 투명도는 숫자가 1에 가까울수록 배경색이 불투명해진다. 내가 설정한 배경색보다 더 어둡게 하고 싶다면 0.50대신 0.75 또는 0.80 등 원하는 숫자를 넣어서 투명도를 조정하면 된다.

우측 상단에 '적용'을 눌러주면 완료되고 바로 적용되는 걸 확인할 수 있다.

PC에서도 제목 배경이 어두워졌고