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

# Changing Font Sizes

> Adjust text size in Upcart using custom CSS.

# Overview

If you want to change the font size of specific text elements in your cart (such as upsell titles or variant options), you can do so using Upcart’s built-in **Custom CSS** editor.

***

## Step 1: Inspect the element

1. Open your storefront and launch the Upcart drawer.
2. Right-click on the element whose font size you want to change.
3. Choose **Inspect** from your browser’s context menu to open the Developer Tools.
4. Locate the element’s **class name** in the HTML panel.\
   Example: `upcart-item-option`

## Step 2: Access the custom CSS editor

1. Go to **Shopify Admin > Apps > Upcart**
2. Open the **Cart Editor**
3. Click on **Settings**
4. Find the **Custom CSS** section

## Step 3: Write your custom CSS

In the CSS input field:

1. Start with a period (`.`) followed by the class name
2. Add `{ font-size: 14px !important; }` (or your desired size)

Example:

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

💡 **Note:** The `.upcart-item-option` class shown above is a V1 example and does not have a direct V2 equivalent. If you are using V2, refer to the [V2 CSS selector library](/upcart/upcart_v20_migration_guide) for the appropriate selectors.

Use `!important` only if the styles is not being overridden after the change.

## Step 4: Save and test

1. Click **Save** in the Cart Editor
2. Refresh your storefront page
3. Open the cart drawer and confirm the font size has updated

If the text hasn't changed, double-check the class name or use the browser’s Inspect tool again to confirm you’re targeting the correct element.