Hello, trying to change the product title font - have tried all the suggested codings i've found to no avail! Please help

Site URL: https://antelope-tunny-llbj.squarespace.com/shop

Site URL: https://antelope-tunny-llbj.squarespace.com/shop

Site password:123

I'm currently using a custom font 'bon vivant' - however I can't seem to get it to replace the product title font! 

The following code didn't work;

/* Product title font */
h1.ProductList-title {
    font-family: 'bon-vivant' !important;
}

Any suggestions? Would be greatly appreciated. Thanks in advance

6 hours ago, Aenshent said:

Site URL: https://antelope-tunny-llbj.squarespace.com/shop

Site URL: https://antelope-tunny-llbj.squarespace.com/shop

Site password:123

I'm currently using a custom font 'bon vivant' - however I can't seem to get it to replace the product title font! 

The following code didn't work;

/* Product title font */
h1.ProductList-title {
    font-family: 'bon-vivant' !important;
}

 

Any suggestions? Would be greatly appreciated. Thanks in advance

Hi there,

Have you installed the custom font on your site

Steps to implement it: 

8 hours ago, bangank36 said:

Hi there,

Have you installed the custom font on your site

Steps to implement it: 

 Hope that it can help you

Hey - Thanks for your reply. I'd already done that to get the custom font showing elsewhere on my website. It's the fact that I can't get it to show as the product title - so I need some kind of coding I believe.

1 hour ago, Aenshent said:

Hey - Thanks for your reply. I'd already done that to get the custom font showing elsewhere on my website. It's the fact that I can't get it to show as the product title - so I need some kind of coding I believe.

Do you want to set this font everywhere on your site or just a specific area on your page

If you want to set it on all pages, kindly apply the following one

* {
  font-family: 'bon-vivant' !important;
}

On 12/29/2021 at 5:38 AM, Aenshent said:

Site URL: https://antelope-tunny-llbj.squarespace.com/shop

Site URL: https://antelope-tunny-llbj.squarespace.com/shop

Site password:123

I'm currently using a custom font 'bon vivant' - however I can't seem to get it to replace the product title font! 

The following code didn't work;

/* Product title font */
h1.ProductList-title {
    font-family: 'bon-vivant' !important;
}

 

Any suggestions? Would be greatly appreciated. Thanks in advance

Try this CSS

.grid-title {
    font-family: 'bon-vivant' !important;
}

5 hours ago, tuanphan said:

Try this CSS

.grid-title {
    font-family: 'bon-vivant' !important;
}

 

Wow thank you so much. This worked!!