티스토리 hELLO 스킨 목차에 제목3 추가하기
헬로스킨은 목차가 별도의 함수(?)로 정의되어서 별다른 설정 없이 자동으로 적용되는데요. 하지만 자동목차에는 h2, h3 태그만 표시되기 때문에 제목3(h4) 이후의 헤드태그를 추가하려면 별도의
codemagician.tistory.com
하고 마지막에 스킨 편집 > html 편집 > css 부분에 다음 코드 추가
.pl-8 {
padding-left: 2.5rem;
}
css에서
- pl-0 : h2(제목1)의 맨앞 여백
- pl-4 : h3(제목2)의 맨앞 여백
- pl-8 : h4(제목3)의 맨앞 여백
'티스토리 꾸미기' 카테고리의 다른 글
| hELLO 스킨 하위 카테고리 아이콘 변경 (0) | 2023.12.17 |
|---|---|
| 티스토리 소제목 꾸미기 서식 (1) | 2023.12.17 |
| hELLO스킨 코드블럭 다크모드 기본설정, 이미지 원본 팝업 문제 해결 (0) | 2023.12.17 |
| hELLO 스킨 코드블럭 줄번호(line number) 추가 (0) | 2023.12.17 |
| hELLO 스킨, highlight.js 적용 (0) | 2023.12.17 |
티스토리 hELLO 스킨 목차에 제목3 추가하기
헬로스킨은 목차가 별도의 함수(?)로 정의되어서 별다른 설정 없이 자동으로 적용되는데요. 하지만 자동목차에는 h2, h3 태그만 표시되기 때문에 제목3(h4) 이후의 헤드태그를 추가하려면 별도의
codemagician.tistory.com
하고 마지막에 스킨 편집 > html 편집 > css 부분에 다음 코드 추가
.pl-8 { padding-left: 2.5rem; }
css에서
- pl-0 : h2(제목1)의 맨앞 여백
- pl-4 : h3(제목2)의 맨앞 여백
- pl-8 : h4(제목3)의 맨앞 여백
'티스토리 꾸미기' 카테고리의 다른 글
| hELLO 스킨 하위 카테고리 아이콘 변경 (0) | 2023.12.17 |
|---|---|
| 티스토리 소제목 꾸미기 서식 (1) | 2023.12.17 |
| hELLO스킨 코드블럭 다크모드 기본설정, 이미지 원본 팝업 문제 해결 (0) | 2023.12.17 |
| hELLO 스킨 코드블럭 줄번호(line number) 추가 (0) | 2023.12.17 |
| hELLO 스킨, highlight.js 적용 (0) | 2023.12.17 |
