How can I customize the font or color of product card badges?

As mentioned elsewhere, we do not officially support/provide any non-native customizations. But the basic idea of how you could customize the font, color, or something else used in product badges is to use some simple CSS customization:

  1. Go to theme settings
  2. Open the setting for Custom CSS
  3. Add some custom css like the code below — update it for your specifics!
  4. Save your edit.
p.c-card-product__badge {
  font-family: YourFamilyName;