티스토리 본문 리스트 목록(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. 워드프레스 WP Statistics에서 네이버, 다음 검색엔진 공식 추가방법
  2. 워드프레스 이메일 발송 시 보내는 사람 이름 바꾸기 (feat. 문의 양식 7)
  3. 워드프레스 input 태그에 autocomplete off 속성 넣기
  4. 클라우드웨이즈(2GB) 워드프레스의 페이지 경험, 코어 웹 바이탈 (구글 서치 콘솔)
  5. 네이버 서치어드바이저 색인 수가 수십 개 감소하는 일이 종종 발생

댓글 남기기