티스토리 라꼬스킨 숫자 리스트 수정하는 방법 (글자 크기, 색상, 들여쓰기)

티스토리 블로그에는 리스트 기능이 있는데요.
활용하면 정보를 잘 정리하여 전달할 수 있어서 자주 사용하는 편입니다.
특히 숫자 리스트는 순위를 매기거나 순번을 매길 때 유용합니다.

오늘은 숫자 리스트의 글자크기와 색깔을 변경해 보고,
들여 쓰기까지 해서 깔끔하게 보이도록 수정해 주겠습니다.

 

티스토리 숫자 리스트 변경하기

숫자 리스트 변경 전

 

위 사진은 라꼬스킨으로 변경 후 손대지 않은 숫자 리스트의 모습이에요.
우리는 위 부분을 아래처럼 수정해 주겠습니다.

 

숫자 리스트 변경 후

 

들여 쓰기를 적용했고, 글자 크기를 조금 더 키웠어요. 색상도 변경되었습니다.
그럼 이제 수정 방법을 하나씩 차근히 설명드릴게요~

 

---

 

 

1. 블로그관리에 들어가서 꾸미기의 '스킨편집'을 클릭합니다.

 

 

2. 스킨편집의 'html 편집'을 클릭합니다.

 

 

3. 'CSS' 버튼을 눌러줍니다.

4. CSS 창에 마우스를 한 번 클릭한 뒤, Ctrl+F 합니다. ".entry-content ol"를 검색.

 

 

5. 글자 크기 : "font-size: 0.9375em" 에서 "0.9375"를 "1.05"로 변경

6. 글자 색상 : "#666" 를 "rgb(9, 73, 126)" 로 변경

7. 들여 쓰기 : inherit; 뒤에 "margin-left: 1.0em;" 추가

 

글자 크기와 색상은 예시와 같게 하시려면 제가 알려드린 걸 그대로 쓰시면 되고,
아니면 원하시는 것으로 수정하시면 됩니다.

 

수정 텍스트는 아래 파일로 다운로드할 수 있으니 활용하시기 바랍니다.

 

티스토리-라꼬스킨-숫자-리스트-수정하는-방법.txt

0.00MB

 

제가 알려드린 방법은 라꼬스킨 CSS 수정 방법입니다.
다른 스킨에서는 수정 부분이 다를 수 있으니 참고해 주세요~

 

 

티스토리 꾸미기, '카테고리의 다른 글' 리스트 제목 2줄로 변경하는 방법 (feat.라꼬스킨)

티스토리 꾸미기, 링크 포스트가드 제목 2줄로 변경하는 방법 (feat.라꼬스킨)

티스토리 꾸미기, 블로그 홈 화면에서 포스팅 제목 안 잘리게 하는 방법 (feat.라꼬스킨)

티스토리 블로그 라꼬 스킨 PC 모바일 뷰, 글자 높이 간격(본문 문단) 수정하기