티스토리 본문 리스트 목록(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. 클라우드웨이즈(2GB) 워드프레스의 페이지 경험, 코어 웹 바이탈 (구글 서치 콘솔)
  3. 티스토리 본문 하단 페이지 번호 글자 크기 변경하기 (square 스킨)
  4. 워드프레스 사진 이미지 캡션 왼쪽 정렬하기 (GeneratePress)
  5. 워드프레스 애드센스 ads.txt 설정(업로드) 후 문제 해결까지 걸리는 시간

댓글 남기기