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

Featured links

1. Company XYZ documentation on Custom CSS
2. Shopify documentation on customizing Theme Settings
3. Shopify documentation on adding custom CSS to your theme

Helpful videos

Shopify Academy video: Customizing your store

Shopify Academy video: Customizing your store

Use Align’s Body font setting to change the font used by product-card badges. If you only want to change the badge color, add a short rule to Custom CSS.

Change the badge font

1. In the theme editor, open Theme settings.
2. Open Fonts and choose your Body font.
3. Save your changes and preview a product card with a sale or sold-out badge.

The Body font also applies to other supporting text across the theme, not only badges. For a broader overview, see Shopify documentation on customizing theme settings

Change the badge color

1. Go to Theme settings → Custom CSS.

2. Add the following rule, replacing the example color with your preferred value:

   .card__badge {
     color: #1a1a1a;
   }

3. Save and review each badge type used in your store.

For Align-specific setup details, see Company XYZ documentation on Custom CSS. For more details, see Shopify documentation on adding custom CSS to your theme