Custom font on storefront page

Site URL: https://iainsmith.photography/store

Hi there, 

I've used custom CSS throughout my site to modify my fonts. I've hit an area where I can't seem to find what to modify in order to get the font to change.

I've made all the changes I'd like on the individual product pages, but one level above on the storefront page which shows all my products the font is still being inherited from somewhere. Could somebody point me towards which code I should highlight to override with my font-family?

Many thanks in advance!

Iain

Add to Home > Design > Custom CSS

.products.collection-content-wrapper .grid-meta-wrapper * {
    font-family: 'AlteHaasGroteskBold' !important;
}

Great, this fixed it! Thank you so much!

I see moible footer social is right align. Do you want to align left it?

Also, on Tablet, Page content is not align with Logo/Burger.

https://iainsmith.photography/highland-winter

This worked but not on the item once it's clicked. What about once you click the product, how do you change the title there?

On 12/6/2020 at 1:46 PM, elijah_aaron said:

This worked but not on the item once it's clicked. What about once you click the product, how do you change the title there?

Can you share link? We can check easier

Hi @ultramagic

I am trying to figure out a similar issue, but specifically with coding custom fonts for the individual product pages. Do you have the code for that you could share?

On 2/8/2023 at 1:54 AM, ktaylor003 said:

Hi @ultramagic

I am trying to figure out a similar issue, but specifically with coding custom fonts for the individual product pages. Do you have the code for that you could share?

What is your site url + Which element you want to apply custom font?