티스토리 북클럽 스킨 제목 배경에 사진 안나오게 수정 하는 방법

오늘은 많은 티스토리 사용자들이 즐겨 사용하시는 티스토리 북클럽 스킨에 제목 부분에 배경으로 사진이 올라오는 것을 수정 하는 방법을 올려봅니다.

북클럽 스킨이 진짜 모든 면에서 완벽한데, 저 제목배경만 보면 너무 짜증이 나더라구요. 이런 겁니다.

위에 제목 부분의 높이가 너무 높고, 거기다가 사진이 무조건 배경으로 들어가더라구요. 사진을 안넣으면 그래도 회색배경으로 처리되는데, 사진을 하나라도 넣으면 무조건 저 부분에 배경이 들어갑니다.

지금 저 사진은 흰글자부분이 나름대로 잘 보이는 사진이라 괜찮은데요, 사진이 항상 저런 건 아니잖아요. 그리고 배경 사진 때문인지 높이도 너무 높아서, 별로더라구요. 기본적으로 들어가는 사진을 빼 보겠습니다.

스킨을 수정해야해요. 현재 스킨이 중요한 분들은 미리 백업을 꼭 시켜주세요.

티스토리 관리 > 꾸미기 > 스킨 편집

HTML 편집

이 화면에서 윗쪽 횐색 부분 말고, 아랫쪽 행번호 1,2,3... 적혀있는 부분을 한번 클릭해주시고,

Ctrl+F 를 눌러서 저 글자 찾는 창을 나오게 해주세요.

그리고 나오는 빈칸에서 s_permalink_article_rep 찾아봅니다. 총 4개가 나오는데, 첫번째 1,2째는 보호되어 있는 글에 보이는 부분이라서 의미가 없구요.

다음을 눌러 보면 이렇게 3 of 4라고 나오는데요, 행번호는 사람들마다 다 다를수 있어요.

바로 밑에 <div class=post-cover> 어쩌구 나오면 맞게 찾으신 겁니다.

그 줄에 잘 찾아보면 이런 부분이 나오는데요.

style="background-image:url(https://blog.kakaocdn.net/dn/mBwVK/btsJKkF362s/o9HufuOIFgkrg3M1XOdhuk/img.png)"

위에 부분을 아래로 바꿔주세요

style="background-image:none"

요렇게 바꿔주면 성공입니다. 간단하죠?

그러면 일단 배경그림이 사라졌을 겁니다.

결과 확인

드디어 그 어울리지도 않는 배경그림이 사라졌네요. 속이 다 시원합니다. 이 외에도 제목 높이 수정하는 것과 과, 제목의 글자 색상, 제목의 배경색 바꾸는 것 까지도 알아봤는데요. 내용이 너무 길어서 다른 포스팅으로 제작한 다음에 링크를 걸어놓을게요. 참고하시길,

티스토리툴바