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.