티스토리를 운영하다 보면, 본문 속 인용문구(blockquote) 글씨 크기가 작아서 가독성이 떨어진다고 느껴질 때가 있습니다. 이럴 때는 직접 CSS를 수정하여 손쉽게 크기를 조정할 수 있습니다. 오늘은 그 방법을 단계별로 안내드리겠습니다.
📝CSS 편집
먼저 티스토리 관리자 페이지에서 [스킨 편집] → [HTML 편집] 으로 들어갑니다.
그다음 상단 탭에서 CSS 편집으로 이동하면 됩니다.
여기서 CSS 코드 위로 마우스를 한 번 클릭해서 커서가 깜빡이는 상태로 `Ctrl + F` 단축키를 눌러 `blockquote` 라고 검색해줍니다. (바로 `Ctrl + F`를 누르면 웹브라우저에서 검색하기 때문에 코드 속 내용을 찾지 못합니다!)
저 같은 경우는 3864번째 줄에 위치해 있었는데, 사용하시는 hELLO 스킨 버전에 따라 조금 차이가 있을 수 있습니다.
⚠️ 주의해야 할 점
검색하다 보면 `blockquote`와 비슷한 코드 중에 `blockquote` 뒤에 `code`가 들어간 부분이 함께 나올 수 있습니다.
이곳을 수정하면 본문이 아닌 Highlight 코드 블럭 안의 인용문구 크기가 바뀌게 되니, 본문 인용문구 수정용 blockquote 부분을 정확히 찾아 수정해야 합니다.
✨ 글자 크기 변경하기
찾은 `blockquote` 코드에는 `font-size` 항목이 있습니다.
기본값은 보통 `0.875rem`으로 되어 있는데, 저는 이를 `1.125rem (약 18px)` 로 변경했습니다.
이 크기는 티스토리 글쓰기에서 `본문 1`에 해당하는 크기와 동일하여, 본문과 조화롭게 어울립니다.
✅ 수정 결과 확인하기
수정을 마친 후 적용 버튼을 클릭하면, 바로 본문에서 인용문구의 크기가 변경된 것을 확인할 수 있습니다.
이제 글자가 커져서 눈에 확 들어오니 좋네요 😊
