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

# Alterar os tamanhos de fonte

> Ajuste o tamanho do texto no Upcart usando CSS personalizado.

<div id="overview">
  # Visão geral
</div>

Se você quiser alterar o tamanho da fonte de elementos de texto específicos no seu carrinho (como títulos de upsell ou opções de variantes), pode fazer isso usando o editor de **Custom CSS** integrado do Upcart.

***

<div id="step-1-inspect-the-element">
  ## Passo 1: inspecionar o elemento
</div>

1. Abra sua vitrine e abra o drawer do Upcart.
2. Clique com o botão direito no elemento cujo tamanho de fonte você quer alterar.
3. Escolha **Inspecionar** no menu de contexto do seu navegador para abrir as Ferramentas do Desenvolvedor.
4. Localize o **nome da classe** do elemento no painel de HTML.\
   Exemplo: `upcart-item-option`

<div id="step-2-access-the-custom-css-editor">
  ## Passo 2: acessar o editor de CSS personalizado
</div>

1. Vá em **Shopify Admin > Apps > Upcart**
2. Abra o **Cart Editor**
3. Clique em **Settings**
4. Encontre a seção **Custom CSS**

<div id="step-3-write-your-custom-css">
  ## Passo 3: escrever seu CSS personalizado
</div>

No campo de entrada de CSS:

1. Comece com um ponto (`.`) seguido do nome da classe
2. Adicione `{ font-size: 14px !important; }` (ou o tamanho desejado)

Exemplo:

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

💡 **Nota:** `.upcart-item-option` é uma classe da V1. Na V2, o texto de variante do item de linha equivalente é `.upcart-public-component-product-tile__variant`. Veja a [biblioteca de seletores CSS da V2](/pt/upcart/upcart_css_selector_library_v2) para o conjunto completo.

Use `!important` apenas se o estilo não estiver sendo sobrescrito após a alteração.

<div id="step-4-save-and-test">
  ## Passo 4: salvar e testar
</div>

1. Clique em **Save** no Cart Editor
2. Recarregue a página da sua vitrine
3. Abra o cart drawer e confirme que o tamanho da fonte foi atualizado

Se o texto não mudou, verifique novamente o nome da classe ou use a ferramenta Inspecionar do navegador mais uma vez para confirmar que você está mirando o elemento correto.