티스토리 꾸미기 | '리스트' 기능 폰트 크기 및 색상 변경하기

'리스트' 글꼴 크기 및 색상 변경하기

티스토리 블로그 에디터를 활용하여 포스팅을 작성하실 때 사용하시는 기능 중에 '리스트' 기능이 있습니다.

아래 그림과 같이 3가지 종류의 목록(검은색 둥근 점, 하얀색 둥근 점, 숫자)을 선택하여 사용하는 기능입니다.

 

(최신 북클럽 스킨의 경우 따로 수정하실 필요가 없게 스킨이 수정되었습니다.)

• 티스토리 리스트
• 티스토리 리스트

• 티스토리 리스트
• 티스토리 리스트

1. 티스토리 리스트
2. 티스토리 리스트

 

 

저 역시 이 기능을 자주 사용하고 있습니다.

하지만 '리스트' 기능을 이용해 작성된 부분의 폰트 사이즈가 너무 작거나 색상도 흐리멍덩 가독성이 떨어져 마음에 들지 않았습니다.

 

아마 다른 분들도 비슷한 생각을 가지고 계신 분들이 많을 것 같아 '리스트'로 작성된 부분의 스타일을 자신에게 알맞게 수정하는 방법에 대해서 알아보고자 합니다.

 

폰트의 수정은 CSS 편집에서 ul li와 ol li의 2곳의 폰트크기와 색상만 변경해 주면 됩니다.

 

 

 

목차

 

CSS 수정하기.

1. '관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > CSS'로 들어갑니다.

---

2. CSS에서 Ctrl + F를 이용해 .entry-content ul li를 검색 후  ul li와 ol li의 2군데의 폰트크기와 색상을 변경합니다.

- Ctrl + F 사용 시 CSS나 HTM코드를 크릭 후 Ctrl + F를 하셔야 합니다.

 

.entry-content ul li

• font-size를 초기 0.9375em에서 1em 정도로 변경하면 리스트 폰트 본문 폰트와 같아집니다.
• color도 초기 #666에서 조금 더 진한 #555로 바꿔줍니다.
• 코드의 내용은 스킨에 따라 다를 수 있으나 기본적인 형식은 비슷합니다.

 

728x90

 

마무리

이렇게 ul li와 ol li의 폰트 크기와 색상의 변경법을 간단히 알아봤습니다.

티스토리 에디터의 '리스트' 기능은 목차 등 유용하게 사용되는 기능이지만 폰트 사이즈가 작고 색상이 흐리멍덩해 불만이었는데 이렇게 간단한 방법이 있었네요.

 

간단한 CSS 수정으로 가독성이 뛰어난 나만의 리스트를 만들어 보세요.

 

북클럽 스킨 최신버전 (2024년 기준)

최근 몇번 '북클럽 스킨'의 업데이트가 있었던 거 같습니다.

 

제가 사용하는 북클럽의 경우 ul li와 ol li의 2곳의 폰트크기가 작고 색상이 회색이라 수정이 필요했지만, 최신버전의 경우 이문제를 해결한 거로 보입니다.

 

CSS코드가 아래처럼 되어있다면 따로 수정하실 필요가 없습니다.

 

"쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다"