Goal: change the font and size of product titles shown in the collection (product grid) to match the top menu (Montserrat Regular) in the Shopify Dawn theme.
Context: the requester is unsure whether those titles are marked up as H2, H3, or H5 and whether that affects how to style them.
Technical note: H2/H3/H5 are HTML heading tags; their appearance is typically controlled via the theme’s CSS, which can be customized to apply Montserrat and a specific font size to the product-grid title element.
Evidence: a screenshot is attached and is central to identifying the exact text element to target.
Status: this is a help request with no responses or solutions yet; the discussion remains open and unresolved.
Hi all,
I would like to change the font and the size of the text of my product titles (before clicking into the individual product page). I would like it to be the same as the menu at top (Montserrat Regular).
My website theme is dawn, i cant figure out if this text is H2, H3 or H5 - if that’s relevant.
Could someone help me with this?
Thank you in advance
Hey @HowLove
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
@HowLove can you please share your page link?
Hey @HowLove!
Thanks for posting your Query on this forum. Based on your requirement it’s need to change the font-size. But you didn’t clarify, whether it’s need to change the font size for the Mobile or for the Desktop too. For say, I am providing you the solution code that increase the font size for both mobile and Desktop.
Go to Shopify Admin —> Online Store —> Edit Code —> base.css
In the end of base.css you need to paste the code that shared below.
.card__heading.h5 a {
font-size: 16px !important;
}
Results:
Hi @HowLove
In Dawn, the product titles on collection pages are generally H3. To make this match your menu font, go to Online Store → Themes → Customize → Theme Settings → Typography. Change the “Heading” font to Montserrat Regular and move the “Heading size” or “Product title size” slider to the right until it matches the size of your menu.
Hello @HowLove,
Yes, on Dawn, the “product title before clicking into the product page” is usually the product card title on collection pages. Go to Online Store → Themes → (Dawn) → Edit code → base.css (or theme.css if your Dawn uses that), then paste at the bottom:
/* Product titles on collection grids / featured collection cards (Dawn) */
.card__heading,
.card__heading a,
.card-information__text,
.card-information__text a {
font-family: Montserrat, sans-serif;
font-weight: 400; /* Regular */
font-size: 16px; /* change size as you want */
line-height: 1.3;
}
Change 16px to whatever size you want. I hope this resolves your query. Thank you.