hello, is there a way i can change the font of my product title and price without changing the fonts for my store headings? Is there any code i can add which just changes the product title and price font? Theme is dawn
Topic summary
A user wants to change the font for product titles and prices in their Shopify Dawn theme without affecting other store headings.
Solutions Proposed:
- Multiple respondents suggest adding custom CSS code to target specific elements (
.product__titleand.priceclasses) - Recommended approach: Navigate to Online Store > Themes > Edit Code, then locate CSS files like
base.css,theme.css,style.css,main.css, orcustom.css - Add CSS targeting product title and price elements with custom font-family declarations
- One suggestion mentions ensuring chosen fonts are installed via Settings > Customize > Theme fonts
Current Status:
- User attempted implementation but reports the code didn’t work (shared screenshot)
- User clarified they have
theme.liquidinstead oftheme.css.liquid - User provided website URL (alexandrawestbrook.com) for further troubleshooting
- Discussion remains open - awaiting corrected solution or clarification on proper file location for Dawn theme
Hi @ads18922
Yes! You can change the font of your product title and price without affecting other headings in your Shopify Dawn theme by adding custom CSS.
I would be happy to check and share a detailed reply if you can share the website URL
Hi @ads18922 ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.price.price--large,
.product__title {
font-family: 'SuisseIntl' !important;
}
Absolutely! You can customize the font for just product titles and prices by adding targeted CSS code. In your Shopify admin, go to Online Store > Themes > Edit code, then open Assets > theme.css.liquid. Add this snippet:
.product__title, .price-item {
font-family: YourChosenFont;
}
Replace YourChosenFont with the desired font (ensure it’s installed in Settings > Customize > Theme fonts)
hello, i dont have theme.css.liquid, i have theme.liquid if thats what you mean?
