Dawn Theme Font Size and Color Change product cart items

Technical Q&A
, , ,
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: