Skip to main content

Changing Font Sizes

Adjust text size in Upcart using custom CSS.

Updated over 2 weeks ago

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; }

Use !important to make sure your rule overrides Upcart’s default styles.

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.

Did this answer your question?