제 블로그에는 티스토리 고래스킨이 적용되어 있습니다. 깔끔하고 군더더기없는 고래스킨을 만들어 심지어 무료로 배포해주시다니, 항상 감사하며 사용하고 있습니다.
티스토리 고래스킨을 사용하면서 느낀 점은 소제목이 조금 아쉽다는 것이었습니다. 제목1, 제목2, 제목3 스타일이 동일하고 폰트의 크기도 같아 가독성이 좋지 않다고 느꼈습니다. 다행히도 구글 검색을 통해 마음에 드는 소제목 스타일을 찾아 적용하였습니다. 이 자리를 빌어 감사드립니다. 능력자님이 만들어 주신 코드에 제가 조금 손을 본 것입니다.
이번 포스팅에서는 티스토리 고래스킨 소제목 스타일을 변경하는 방법에 대하여 알아보겠습니다. 아주 간단합니다.
티스토리 고래스킨 소제목 스타일 변경하기
1) 현재 적용된 소제목 스타일
현재 저의 블로그에 적용된 소제목 스타일입니다.
제목 1은 회색으로 네모칸을 만들어 주었고, 제목 2는 왼쪽 바+밑줄, 제목3은 왼쪽 바+회색 배경입니다.
2) 티스토리 고래스킨 소제목 스타일 변경
1. 블로그관리> 스킨편집> html 편집> CSS
2. .post-content h1 검색
3. 아래 사진의 코드 확인, .post-content h1을 검색하면 이렇게 두 개가 검색됩니다.
4. 두 번째 검색된 것 아래에 첨부파일의 코드를 삽입합니다.
3) 색, 바 굵기 등 커스텀
제목 1의 네모칸 색 변경
아래 코드의 border-left, border-top, border-right, border-bottm에 적용된 #e2e2e2색을 다른 색으로 바꾸어 주면 됩니다.
제목 2의 왼쪽 바 색, 굵기 변경
border-left의 #585858 색을 변경하시면 됩니다. 두께 변경을 원하시는 분은 9px solid의 숫자를 줄여주시면 됩니다.
제목 3의 왼쪽 바, 배경색 변경
역시 border-left의 #858484 색 변경해주시고, 제목 3에 적용된 배경색이 거슬리는 분은 맨 밑 줄 background-color를 다른 색으로 바꾸어주시면 됩니다.
'티스토리 생존기' 카테고리의 다른 글
| [8] 티스토리 링크버튼 만들기 (0) | 2023.04.17 |
|---|---|
| [7] 티스토리 고래스킨 폰트 변경하기 (0) | 2023.04.13 |
| [5] 티스토리 고래스킨 사이드바 고정하기 sticky (1) | 2023.04.12 |
| [4] 사이드레일, 앵커광고, 전면광고 안 나올 때 대처법 (0) | 2023.04.10 |
| [3] 티스토리 고래스킨 설정하기 (0) | 2023.04.10 |
