티스토리 본문 리스트 목록(ul li)의 간격 조정하기 (square 스킨)

list menu
티스토리 리스트 기능

글을 쓰다 보면 자주는 아니지만 리스트 기능을 종종 쓰게 된다. 그런데 스퀘어 스킨에서는 목록 간의 간격 설정은 따로 되어 있지 않은 건지 기본 본문 줄 간격이 목록 간격에도 적용되는 것 같다. 하지만 리스트를 사용하는 경우에는 문단 같은 느낌으로 쓰는 경우가 많아서 각각의 리스트(목록) 간에 간격(줄 간격 아님)이 좀 있는 게 읽기 편한 것 같다. 줄간격도 본문보다 살짝 좁으면 좋은 듯.

리스트 간 간격을 조정하기 위해서는 아래의 코드를 티스토리 스킨 편집(CSS)을 이용해 180~190행쯤 .entry가 모여 있는 곳 적당한 위치에 넣어주고 원하는 숫자와 단위로 바꾸어주면 된다.

.entry ul li { margin-bottom: 15px; }

만약 줄 간격을 조정하고 싶을 때에는 line-height: 180% 같은 속성을 넣어 주면 된다.

.entry ul li { margin-bottom: 15px; line-height: 180%; }
skin edit
스킨 편집

before and after
margin-bottom: 15px 적용 예

카테고리의 다른 글

  1. 워드프레스에 첨부하는 사진의 효율적 크기 찾기 (적정 사이즈)
  2. 티스토리 본문 하단 페이지 번호 글자 크기 변경하기 (square 스킨)
  3. 워드프레스 포스트 아래 카테고리 글 목록 넣기
  4. 백그라운드 및 포그라운드 색상의 대비율이 충분하지 않습니다
  5. 네이버 서치어드바이저 색인 수가 수십 개 감소하는 일이 종종 발생

댓글 남기기