본문 바로가기
티스토리/스킨 꾸미기

티스토리 Book Club 스킨을 쓸 때 하위 목록 들여쓰기 적용

by 공학코드 2020. 10. 11.
728x90
반응형

 티스토리 Book Club 스킨을 쓰고 있는 블로그가 있는데 글을 썼더니 하위 목록인데도 들여쓰기가 되고 있지 않았다. 이 스킨의 경우 쓰는 사람이 아주 많은 스킨으로 알고 있기에 혹시나 다른 분이 이 내용을 참고할 수 있게 해결한 방법을 기록한다.

 

블로그 글쓰기 화면의 목록

 블로그 글쓰기 화면에서는 위와 같이 잘 나타나고 있는데 작성된 글을 열람하면 하위 목록 구분 없이 같은 목록으로 나오는 현상이 발견되었다.

블로그 글 열람 화면

 이렇게 말이다. 모든 목록(ul 태그)에 같은 스타일을 지정하는 코드가 CSS에 있기 때문이었다. 이 부분은 '블로그 관리'-'꾸미기'-'스킨편집'-'html편집'으로 가서 수정할 수 있다.

이렇게 수정한다.

CSS로 이동하여 .entry-content ul로 지정되어 있는 곳으로 가서 위의 이미지 처럼 내용을 수정한다.

.entry-content ul {
	/*list-style: disc inside;*/
	margin-bottom: 22px;
	padding-left: 20px;
}

수정된 블로그 글 열람 화면

그러면 위와 같이 잘 나타나는 것을 확인할 수 있다.

728x90
반응형

댓글