> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 글꼴 크기 변경하기

> 커스텀 CSS를 사용해 Upcart의 텍스트 크기를 조정하세요.

<div id="overview">
  # 개요
</div>

카트에서 특정 텍스트 요소(업셀 제목이나 옵션(variant) 텍스트 등)의 글꼴 크기를 변경하고 싶다면 Upcart의 기본 제공 **Custom CSS** 편집기를 사용해 할 수 있어요.

***

<div id="step-1-inspect-the-element">
  ## 1단계: 요소 검사하기
</div>

1. 스토어프론트를 열고 Upcart 드로어를 실행하세요.
2. 글꼴 크기를 변경하려는 요소를 마우스 오른쪽 버튼으로 클릭하세요.
3. 브라우저의 컨텍스트 메뉴에서 **검사**를 선택해 개발자 도구를 여세요.
4. HTML 패널에서 요소의 **클래스 이름**을 찾으세요.\
   예: `upcart-item-option`

<div id="step-2-access-the-custom-css-editor">
  ## 2단계: 커스텀 CSS 편집기에 접근하기
</div>

1. **Shopify Admin > Apps > Upcart**로 이동하세요
2. **Cart Editor**를 여세요
3. **Settings**를 클릭하세요
4. **Custom CSS** 섹션을 찾으세요

<div id="step-3-write-your-custom-css">
  ## 3단계: 커스텀 CSS 작성하기
</div>

CSS 입력 필드에서:

1. 마침표(`.`)로 시작하고 클래스 이름을 이어서 작성하세요
2. `{ font-size: 14px !important; }`(또는 원하는 크기)를 추가하세요

예시:

```
.upcart-item-option {  
 font-size: 14px !important;  
}
```

💡 **참고:** `.upcart-item-option`은 V1 클래스예요. V2에서 라인 아이템 옵션 텍스트에 해당하는 것은 `.upcart-public-component-product-tile__variant`예요. 전체 목록은 [V2 CSS 셀렉터 라이브러리](/ko/upcart/upcart_css_selector_library_v2)를 참조하세요.

변경 후에도 스타일이 재정의되지 않을 때만 `!important`를 사용하세요.

<div id="step-4-save-and-test">
  ## 4단계: 저장하고 테스트하기
</div>

1. Cart Editor에서 **Save**를 클릭하세요
2. 스토어프론트 페이지를 새로고침하세요
3. 카트 드로어를 열고 글꼴 크기가 업데이트되었는지 확인하세요

텍스트가 변경되지 않았다면 클래스 이름을 다시 확인하거나 브라우저의 검사 도구를 다시 사용해 올바른 요소를 타깃팅하고 있는지 확인하세요.