Jump to content

Changing font to custom font on products, product blocks and categories

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://tulip-wrasse-a4lb.squarespace.com

Hi everyone, 

I'm using a custom font on my site and it's working well but I am unable to change the font on products and catergories in the shop page, and product blocks on the home page. I've tried a few options suggested elsewhere on the forum but with no luck.

Any help would be gratefully received, thank you!

https://tulip-wrasse-a4lb.squarespace.com/shop

https://tulip-wrasse-a4lb.squarespace.com/

p: TPP2020

Link to comment
  • Replies 5
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Add to Home > Design > Custom CSS

/* shop page */
.products.collection-content-wrapper .list-grid * {
    font-family: 'Circular' !important;
}
/* product block */
.product-block * {
    font-family: 'Circular' !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
  • 2 weeks later...
On 11/23/2020 at 2:59 AM, checkmymachine said:

Thank you so much - that has worked perfectly in the product block. 

The catergories on the shop page are still in Acumin font, is there a fix for that too?

Thank you!

 

Add this

.nested-category-tree-wrapper * {
    font-family: 'Circular' !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
  • 2 years later...
On 11/20/2020 at 5:50 PM, checkmymachine said:

Site URL: https://tulip-wrasse-a4lb.squarespace.com

Hi everyone, 

I'm using a custom font on my site and it's working well but I am unable to change the font on products and catergories in the shop page, and product blocks on the home page. I've tried a few options suggested elsewhere on the forum but with no luck.

Any help would be gratefully received, thank you!

https://tulip-wrasse-a4lb.squarespace.com/shop

https://tulip-wrasse-a4lb.squarespace.com/

p: TPP2020

The url doesn't work now. 

On 7/23/2023 at 4:08 AM, ribandstone said:

Hey there! is there a code for updating the categories list on the shop page that also applies to the mobile site? The above code only updated the desktop version

Can you share url? Above url doesn't work now

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.