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

[SamsLav]

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!

[TheScriptFlow]

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!

[SamsLav · Accepted solution]

The website is www.samslavender.com and the password is "SamsLavender_2025"

Thank you!

[B2Bridge]

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:

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

[SamsLav]

It worked! Thank you so much!

[SamsLav]

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!