We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Font for product name - Craft theme

Solved

How can I change the product name font on Craft theme?

aelitzer
Tourist
35 0 2

Hi,

 

I would like to change the font of the product names on the product page to Montesserat in bold, but it's currently pulling from the header font which is Abril Fatface.

 

Is there any code I can add to do this for the product titles on the product page only? 

 

a link to the page: https://1ca775.myshopify.com/collections/all-pets?page=1

 

Thanks!

Amy

Accepted Solution (1)

brandography
Shopify Partner
136 27 25

This is an accepted solution.

Hi There! 

 

You could try editing the .card__heading class to include the Montserrat font like so:

 

1. Open the component-card.css file in your Assets folder of your code files. 

2. Locate the .card__heading class and add the font-family attribute to the class like below.

3. Click Save and refresh your site to see the changes. 

 

.card__heading {
    font-family: 'Montserrat';
}

 

Find a Powerful eCommerce Marketing Partner


Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website

View solution in original post

Replies 2 (2)

brandography
Shopify Partner
136 27 25

This is an accepted solution.

Hi There! 

 

You could try editing the .card__heading class to include the Montserrat font like so:

 

1. Open the component-card.css file in your Assets folder of your code files. 

2. Locate the .card__heading class and add the font-family attribute to the class like below.

3. Click Save and refresh your site to see the changes. 

 

.card__heading {
    font-family: 'Montserrat';
}

 

Find a Powerful eCommerce Marketing Partner


Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website
aelitzer
Tourist
35 0 2

Perfect - thank you!