Skip to main content

개요

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

커스텀 CSS 편집기 위치

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

V1.0에서 화살표 색상을 변경하는 CSS 예시

V2.0에서 화살표 색상을 변경하는 CSS 예시

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

커스터마이징 방법

브랜드 팔레트에 맞게 border-color, stroke를 업데이트할 수 있어요. 유효한 색상 형식을 사용하세요:
  • 색상 이름 (예: black, white, red)
  • 헥스 코드 (예: #ffffff)
  • RGB 값 (예: rgb(255, 255, 255))
예시:
이렇게 하면 업셀 탐색 화살표가 어떤 배경색에서도 잘 보이도록 유지할 수 있어요.