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

# Cambiar el tamaño de las fuentes

> Ajusta el tamaño del texto en Upcart usando CSS personalizado.

<div id="overview">
  # Descripción general
</div>

Si quieres cambiar el tamaño de fuente de elementos de texto específicos en tu carrito (como los títulos de upsell o las opciones de variantes), puedes hacerlo usando el editor de **Custom CSS** integrado de Upcart.

***

<div id="step-1-inspect-the-element">
  ## Paso 1: Inspecciona el elemento
</div>

1. Abre tu tienda en línea y despliega el cajón de Upcart.
2. Haz clic derecho en el elemento cuyo tamaño de fuente quieres cambiar.
3. Elige **Inspect** en el menú contextual de tu navegador para abrir las Herramientas de desarrollador.
4. Localiza el **nombre de clase** del elemento en el panel HTML.\
   Ejemplo: `upcart-item-option`

<div id="step-2-access-the-custom-css-editor">
  ## Paso 2: Accede al editor de CSS personalizado
</div>

1. Ve a **Shopify Admin > Apps > Upcart**
2. Abre el **Cart Editor**
3. Haz clic en **Settings**
4. Busca la sección **Custom CSS**

<div id="step-3-write-your-custom-css">
  ## Paso 3: Escribe tu CSS personalizado
</div>

En el campo de entrada de CSS:

1. Empieza con un punto (`.`) seguido del nombre de clase
2. Agrega `{ font-size: 14px !important; }` (o el tamaño que desees)

Ejemplo:

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

💡 **Nota:** `.upcart-item-option` es una clase de V1. En V2, el texto de variante de línea de producto equivalente es `.upcart-public-component-product-tile__variant`. Consulta la [biblioteca de selectores CSS de V2](/es/upcart/upcart_css_selector_library_v2) para ver el conjunto completo.

Usa `!important` solo si el estilo no se está aplicando después del cambio.

<div id="step-4-save-and-test">
  ## Paso 4: Guarda y prueba
</div>

1. Haz clic en **Save** en el Cart Editor
2. Actualiza la página de tu tienda
3. Abre el cajón del carrito y confirma que el tamaño de fuente se ha actualizado

Si el texto no ha cambiado, verifica de nuevo el nombre de clase o usa la herramienta Inspect del navegador otra vez para confirmar que estás apuntando al elemento correcto.
