Jump to content

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

Recommended Posts

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

Screenshot 2021-12-28 at 14.55.28.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

Screenshot 2021-12-28 at 14.55.28.png

Hi there,

Have you installed the custom font on your site

Steps to implement it: 

 Hope that it can help you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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.

Link to comment
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;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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

Screenshot 2021-12-28 at 14.55.28.png

Try this CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.