Change the font of the product when viewed in the cart slider.

Shopify Discussion
1

I’d like to use Custom CSS to modify the product name font when shown in the cart/slider. I thought main-cart-items would work, but I’m struggling. Thank you!

2

Hi @SamsLav ,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

3

The website is www.samslavender.com and the password is “SamsLavender_2025”

Thank you!

4

Hi @SamsLav , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code

Step 2: Find component-cart-items.css file

Step 3: Paste this code at the bottom of the file

.cart-item__name {
    font-family: "Poppins", sans-serif !important; //Replace with your taste
}

Result:

B2Bridge_0-1745808691100.png
B2Bridge_0-1745808691100.png1269×281 30 KB

If this helpful, please let us know by giving us a like and marking it as a solution. Thanks

5

It worked! Thank you so much!

6

Thank you again! Do you know how I’d change the font for the “Estimated Total” area of the cart? I used entered this in the css for the page:

h2 {
font-family: “Playfair Display”, sans-serif !important;
}

It works when the cart is a page, but not when I choose to have a drawer. Any suggestions?

Thank you!