> ## 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.

# Изменение размеров шрифта

> Настройте размер текста в Upcart с помощью пользовательского CSS.

<div id="overview">
  # Обзор
</div>

Если вы хотите изменить размер шрифта конкретных текстовых элементов в вашей корзине (например, заголовков апселлов или опций вариантов), это можно сделать с помощью встроенного редактора **Custom CSS** в Upcart.

***

<div id="step-1-inspect-the-element">
  ## Шаг 1: инспектируйте элемент
</div>

1. Откройте витрину и запустите drawer Upcart.
2. Щелкните правой кнопкой мыши по элементу, размер шрифта которого хотите изменить.
3. Выберите **Inspect** в контекстном меню браузера, чтобы открыть Developer Tools.
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`. Полный набор см. в [библиотеке CSS-селекторов V2](/ru/upcart/upcart_css_selector_library_v2).

Используйте `!important` только в том случае, если стиль не применяется после изменения.

<div id="step-4-save-and-test">
  ## Шаг 4: сохраните и протестируйте
</div>

1. Нажмите **Save** в Cart Editor
2. Обновите страницу витрины
3. Откройте cart drawer и убедитесь, что размер шрифта обновился

Если текст не изменился, перепроверьте имя класса или снова используйте инструмент Inspect в браузере, чтобы убедиться, что вы выбрали правильный элемент.