Hi,
How do you change the product card title font? As you can see lower down on the page I was able to change those product card title fonts but not the first one. Please help me change just “My Heart” to the Inter font.
Topic summary
A user seeks help changing the product card title font to ‘Inter’ for a specific item (‘My Heart’) on their collection page. They successfully modified other product card titles but cannot change this first one.
Two solutions were provided:
-
CSS approach: Add custom CSS targeting
.card__heading awithfont-family: 'Inter', sans-serif !important;to the theme’s stylesheet (base.css, style.css, or theme.css). -
Inline style approach: Insert a
<style>block in theme.liquid file above the</body>tag with the same CSS rule.
Both respondents included screenshots demonstrating successful implementation. The issue appears resolved with multiple working methods offered.
2 Likes
Hi @drakenbergs
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.card__heading a {
font-family: 'Inter', sans-serif !important;
}
- And Save.
- Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @drakenbergs
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed