> ## 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를 사용해 업셀 캐러셀의 탐색 화살표 색상을 조정하세요.

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

기본적으로 Upcart 업셀 섹션의 캐러셀 화살표는 검은색이에요. 업셀 배경이 어두우면 화살표가 잘 보이지 않을 수 있어요. 간단한 CSS 업데이트로 화살표 색상을 변경해 이를 해결할 수 있어요.

***

<div id="where-to-find-the-custom-css-editor">
  ## 커스텀 CSS 편집기 위치
</div>

1. **Upcart > Cart Editor > Settings > Custom CSS**로 이동하세요
2. 입력 필드까지 스크롤하고 CSS 코드를 붙여넣으세요
3. **Save**를 클릭하세요
4. 스토어프론트를 새로고침해 변경 사항을 미리 보세요

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## V1.0에서 화살표 색상을 변경하는 CSS 예시
</div>

```
.styles_PreviewCarousel__ [class~="control-next"]::before,  
.styles_PreviewCarousel__ [class~="control-prev"]::before {  
  border-color: white !important;  
}
```

<div id="example-css-to-change-the-arrow-color-in-v20">
  ## V2.0에서 화살표 색상을 변경하는 CSS 예시
</div>

```
.upcart-public-component-carousel__button svg {  
  stroke: orange;  
}
```

위의 V1 규칙은 화살표를 흰색으로, V2 규칙은 주황색으로 설정해요. 둘 다 다음 및 이전 화살표에 적용돼요.

***

<div id="how-to-customize">
  ## 커스터마이징 방법
</div>

브랜드 팔레트에 맞게 `border-color`, `stroke`를 업데이트할 수 있어요. 유효한 색상 형식을 사용하세요:

* 색상 이름 (예: `black`, `white`, `red`)
* 헥스 코드 (예: `#ffffff`)
* RGB 값 (예: `rgb(255, 255, 255)`)

**예시:**

```
border-color: #00bcd4 !important;
```

이렇게 하면 업셀 탐색 화살표가 어떤 배경색에서도 잘 보이도록 유지할 수 있어요.