Dawn Theme Font Size and Color Change product cart items

Technical Q&A
, , ,

Topic summary

A user needed to customize font sizes and colors for product titles and prices on their Shopify Dawn theme store, specifically on collection and homepage sections.

Initial Request:

  • Change product title font size to 9px
  • Change price font size to 7px and color to grey
  • Apply changes to collection pages and homepage only

Solution Provided:
A CSS code snippet was shared to be added to the theme.liquid file (before the closing </body> tag). The initial solution affected all pages including the product page.

Refinement:
When the user noted the code was also changing product page pricing (unintended), an updated CSS snippet was provided that targeted only collection and homepage sections, excluding individual product pages.

Status: Resolved. The user confirmed the refined solution worked as intended. Note: The requested font sizes (7px, 9px) are extremely small and may need adjustment for readability.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

https://imanethelabel.com/

how can I change the font size of the title and how can I change the price font size and color as well? on the collection page items as well as on the homepage section? see images below

1 Like
2

Hi @alyhz .

I don’t think Dawn has those settings built-in, so a workaround would be to overwrite the values with additional CSS rules. Do you already know what font size and color you’d like to change to?

3

Hi! I can add the code, I want the color for the price to be grey and the font size around 7px, for the title it should be 9px

4

Here’s how to do that:

  • Navigate to Online Store > Three dots > Edit code
  • Find the theme.liquid file
  • Paste the code below right before the closing tag
  • Save and hard-refresh the storefront

The above code will work for both, collections and the homepage. However, you’d need to readjust the values as 9 and 7px fonts are incredibly small.

Here’s how it looks:

Screenshot_4.png
Screenshot_4.png1006×333 110 KB

5

hi, thank you very much - this was helpful but this is also changing the font size of the price on the product page (which I do not want) can I somehow exclude that?

6

@alyhz , let’s try this one instead
1 Like
7

thank you!!

1 Like
8

Anytime! Glad I could help! :slightly_smiling_face: