Skip to main content

Changing Font Sizes

Updated this week

Overview

Change the font size of elements within upsell offers to match your store's design.

Changing Font Size

To adjust font sizes, you’ll need to write custom code in the Custom CSS section of UpCart’s settings tab.

Open Cart and Inspect Element

First, open your store's cart drawer.

Right-click on the element whose font size you wish to change.

Select Inspect to open your browser’s developer tools.

Find the Class Name

In the developer tools, locate the HTML for the cart element you want to modify. Find the element’s class name. For example, upcart-item-option.

Add Custom CSS

In your Shopify admin panel, access the UpCart Drawer editor.

Locate the Custom CSS section in the Settings tab

Target the Class

Type the class name, preceded by a period, to target it in your CSS rule.

For example: .upcart-item-option.

Add the Font-Size Rule

Add curly brackets {} after the class name.

Inside the brackets, add font-size: 10px !important; Replace 10px with your preferred font size.

Save and Refresh

Save your changes. Refresh your storefront cart page to view the updated font size in your upsell offer.

Your upsell offer should now reflect the updated font size.

Did this answer your question?