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