How to move product titles on photos and use custom fonts in Dawn theme?

Store Design
, , ,

Topic summary

Goal: Customize the Dawn theme so product titles appear centered on top of product photos, and use branded (custom) fonts instead of the default options.

Status on fonts:

  • One responder indicated you can use your own font and shared an image of the interface (attachment is relevant).
  • Initial suggestion: use the theme’s “change” option to upload a font so it appears site-wide.
  • Issue: The original poster does not see any upload button—only a list of existing fonts.
  • Alternative offered: upload font files to Shopify’s server and then import them via CSS (the site’s styling code) to apply across the store. No step-by-step code or file paths were provided.

Status on title overlay:

  • No concrete instructions or code were given for moving product titles onto the center of product images in Dawn.

Outcome: No definitive solution yet. The thread remains open with unanswered details, especially for the title overlay implementation and precise font upload/import steps.

Summarized with AI on February 2. AI used: gpt-5.
1

Hello,

I am hoping someone here can be of assistance. I have been told what I am looking to do requires coding, however no one can tell me what to do.

I would like to move the text of the product titles from below the photos to on top in the middle of the photos for each product. I have seen many shopify sites that have this design, some of which the tile is greyed out when hovered over it. I would simply like the text in the centre of the photo.

Additionally, if it is possible to use other fonts than what are currently on shopify? I have branded fonts I would prefer to use to keep things uniform. I have seen on other sites that they have been able to use their branded fonts and are quick link tiles as well.

For reference, I am using the Dawn theme.

If anyone can provide instrcuctions on how to do this I would really appreciate it.

Thank you in advance.

2

Simonsron_0-1673668411301.png
Simonsron_0-1673668411301.png371×929 21.7 KB

You can use your Font!

3

How am I able to upload my fonts?

4

You just need to click change to upload your font, and then it will be automatically quoted in your website!

5

Unfortunately there is not that option on my end… i can simply change to one of the fonts on the list, there is no button to upload.

Is there somewhere else i can go for this?

6

Then you can upload your fonts to shopify server, and then go to css to import fonts and change all fonts on your website!