Skip to main content

​
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:
💡 Note: .upcart-item-option is a V1 class. On V2, the equivalent line-item variant text is .upcart-public-component-product-tile__variant. See the V2 CSS selector library for the full set. Use !important only if the style 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.