How to change text font and color in cart? Be Yours Theme

Topic summary

A user is customizing the cart page styling on their Shopify store using the Be Yours theme. They initially requested help with:

Font and Color Changes:

  • Changing product title font (“BLUSH BUTTER”) to match variant option font (“SHADE: MERCI”)
  • Converting both to black color
  • Modifying the cart title to include product count and matching the variant font style

Progress Made:

  • Successfully implemented custom CSS code to achieve most styling goals
  • Resolved issues with cart title formatting and duplicate title removal

Current Issue:
The user is now struggling with mobile responsiveness. The variant text (“SHADE: MERCI”) appears too large on mobile devices and needs to be reduced in size specifically for mobile view only.

Status: Ongoing - awaiting assistance with mobile-specific font sizing code. The store is accessible at www.audette.store (password: test).

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

This is my current cart, but i would like to change a couple of things:

Would you happen to know how to change the text font and color for this part:

withaudette_1-1743500364008.png

I want to change BLUSH BUTTER font to SHADE: MERCI font (and in black color), and to change
SHADE: MERCI font color to black, how do i go about doing that?

Second:

To change the cart title to add in the product count beside and to change font to same as SHADE:MERCI font
Reference image:

withaudette_2-1743500364028.png

Thank you so much, your help is appreciated
www.audette.store (password code: test)

withaudette_3-1743500363757.png

1 Like

Thank you! However, the product font and color doesn’t work after implementing the code.

Also the Cart Title looks good, but I would like to change the font spacing and to remove the other CART title above, how do i do that?

Hi I managed to fix it with this code:

However, I’m having trouble making the fonts smaller on mobile for this segment:

withaudette_1-1743503389847.png

Could you please assist with a code to make it smaller on mobile only? Thank you!