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

Learn how to quickly customize font, color, or style of product badges using simple CSS in your theme settings, with easy step-by-step instructions for adding your own custom code.

Last updated 4 months ago

  1. Open the theme editor

  2. Go to theme settings

  3. Open the setting for Custom CSS

  4. Add some custom CSS like the code below — update it for your specifics!

  5. Save your work!

.card__badge {
  font-family: FontFamilyName;
  color: #000; //add the HEX, RGB, or RGBA color value here
}