How to Adjust Sidebar Font Size in Astra Theme

1. CSS 코드로 사이드바 글꼴 크기 변경

HTML 구조와 CSS를 보면, 사이드바는 #secondary ID를 가진 영역입니다. 그리고 내부 텍스트에는 font-size: 17px가 기본 적용되어 있습니다:

css복사편집#secondary, 
#secondary button, 
#secondary input, 
#secondary select, 
#secondary textarea {
  font-size: 17px; /* 여기서 기본값이 지정됨 */
}

폰트 크기를 예: 14px로 변경하고 싶다면:

1. 워드프레스 관리자 → 외모 → 사용자 정의하기 → 추가 CSS
2. 아래 코드 붙여넣기:

css복사편집#secondary, 
#secondary button, 
#secondary input, 
#secondary select, 
#secondary textarea {
  font-size: 14px !important;
}

!important를 붙여줘야 기존 Astra 테마 스타일을 덮어쓸 수 있습니다.

---

2. 특정 위젯만 폰트 조절 (선택적 적용)

예를 들어 “최근 글” 위젯만 폰트를 작게 하고 싶다면:

css복사편집#secondary .wp-block-latest-posts__list {
  font-size: 14px !important;
}

---

3. 반응형 조정 (모바일만 다르게)

css복사편집@media (max-width: 768px) {
  #secondary {
    font-size: 15px !important;
  }
}

---

적용 후 확인

• 적용한 뒤 반드시 “게시” 버튼 클릭하여 저장
• 브라우저 캐시를 지우거나 새로고침(Ctrl + Shift + R)하여 확인