Hi,
I don’t like how the Fonts of the product grid headings are looking now. I want to change them to look something more beautiful like this on the screenshot.
And my website is:
-
Go to Online Store → Themes → Customize → Theme settings → Typography.
- Many Shopify themes let you change product grid heading fonts right there (pick a new font for Headings).
-
If your theme doesn’t allow it in settings
-
Go to Edit code → Assets → base.css (or theme.css).
-
Add custom CSS at the bottom
-
.card__heading, .product-card__title, .grid-product__title {
font-family: "Your Chosen Font", sans-serif;
font-size: 18px; /* adjust */
font-weight: 600; /* adjust */
text-transform: capitalize; /* or none/uppercase */
}
- Replace
"Your Chosen Font"with a font available in your theme or from Google Fonts.
Hi, i have few questions before you i can help you.
do you know which font being used in the screenshot you shared? and do you want this different font only on the product cards?
Hi, so I don’t know which font they are using, but I can use any that looks decent. I want the change of the headings only here at the product cards
@VictoriaStudio Thank you very much! This works. But I want if possible to make a slight twist. So I would like on the desktop version the parameters to be different from what I have set in the mobile version. Can we do that? So basically in the Desktop I want the font size to be 16px and the font weight to be 550. In the mobile version I already have set them. Can we somehow do that?