Shopify Dawn Theme- Changing The Default Product Font Size
September 24, 2021
The Shopify Dawn theme is a big step forward in terms of how we can create and customise Shopify stores. When I first tried it out one of the things which I noticed immediately was how small the text is for the product listings.
The previous Debut theme has an option to directly do this with no code- Customize > Theme Settings > Typography. From here we could set the base size of the text.
This option seems to be missing in the new Dawn theme, but there is a simple way to modify the existing code, even without any technical knowledge.
From your dashboard go to your Online Store > Themes > Edit Code. In the sidebar you will see a list of files, under the Snippets section, click on the file named product-card.liquid and locate the following code (for me it is line 95):
<span class="card-information__text h5">
{{ product_card_product.title | escape }}
</span>
On line 1 here, the key part is the "h5" class. If you are not a coder, h1-h6 are used to create website headings. H1 being the most important (and often the biggest) and h6 being the least important.
With this in mind, Shopify has also used these numbers to create classes to apply a font size. So if you want a larger font size, drop down to a h4 or h3 depending on your needs. Save the file and you are good to go.