> ## 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">
  ## Пример CSS для изменения цвета стрелок в V1.0
</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">
  ## Пример CSS для изменения цвета стрелок в V2.0
</div>

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

Правило V1 выше делает стрелки белыми; правило V2 делает их оранжевыми. Оба применяются к стрелкам «вперед» и «назад».

***

<div id="how-to-customize">
  ## Как настроить
</div>

Вы можете изменить `border-color`, `stroke` в соответствии с палитрой вашего бренда. Используйте любой допустимый формат цвета:

* Именованные цвета (например: `black`, `white`, `red`)
* Hex-коды (например: `#ffffff`)
* Значения RGB (например: `rgb(255, 255, 255)`)

**Пример:**

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

Это гарантирует, что навигационные стрелки апселлов будут видны на фоне любого цвета.