Solved

How can I change the font of collection titles in the Dawn theme?

charlieharrier
Tourist
10 0 0

Hi there, I am currently running the Dawn theme and I would like to change the font of the collection titles, specifically when displaying in a collection list. I would like to change the font to Josefin Sans. For example https://jewelry-bargain.com/pages/rings-affordable-high-quality-jewelry at the top of the page below "Shop now" you can see the collection list, the font of the collection titles are uneasy to read and I would like to change the font of them. I would also like to change the collection banner font to Josefin Sans as I feel they would link well together (example of collection banner https://jewelry-bargain.com/collections/simple-ring "Simle Rings" at the top of the page). Any code to help change these would be greatly appreaciated. Many thanks - Charlie.

Accepted Solution (1)
GemPages
Shopify Partner
5589 1261 1218

This is an accepted solution.

@charlieharrier 

 

Apply only Product title of collection.

Please try again with the following code: 

 

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<style>
    .card__heading  a{
       font-family: 'Josefin Sans' !important;
    }
</style>

 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5589 1261 1218

Hello @charlieharrier 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Customize

2. Go to the setting of the theme -> Typography

3. Change the font of the heading to Josefin Sans

 

Screenshot at Dec 24 23-30-08.png

 

Screenshot at Dec 24 23-30-23.png

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
charlieharrier
Tourist
10 0 0

Hi there, I'm very sorry I forgot to include I dont want to change the heading fonts as I would like to keep the current font for all the other headings across the site, I would only like to change the font for the title of the collections. Sorry for the confusion. Many thanks.

GemPages
Shopify Partner
5589 1261 1218

This is an accepted solution.

@charlieharrier 

 

Apply only Product title of collection.

Please try again with the following code: 

 

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<style>
    .card__heading  a{
       font-family: 'Josefin Sans' !important;
    }
</style>

 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Andalbutka23
Excursionist
18 1 2

Where exactly do you paste this in the code?