Jump to content

Changing the font to All Products: details: Title font

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.cuentamelobooks.com/all

Hi, I have added custom fonts to my site and have been able to change most of them using CSS code I have found online, but there are two bits that I don't understand how to do.

The Title font for the products in the products page (this -> https://www.cuentamelobooks.com/all

and the "you have nothing in your cart" message in the shopping cart page (this ->https://www.cuentamelobooks.com/cart)

Thank you very much for your help

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Add to Home > Design > Custom CSS

h1.ProductList-title {
    font-family: 'Brown Regular' !important;
}
.empty-message {
    font-family: 'Brown Regular' !important;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...
5 hours ago, alexkirbyeditor said:

Hi, I'm having the exact same problem but nothing changes when I use the code provided.

 

Any help would be amazing!

Can you share link to your site?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 6 months later...
18 hours ago, mccallkeller said:

Hey @jo10 your website is awesome! Also I'm in love with your logo. 

 I was wondering how you got your custom fonts to work on the individual product pages like this one https://www.cuentamelobooks.com/all/dormir-sin-almohada ? I can't find out how to do that anywhere! Really appreciate your help or anyone else who might know! 

 

Which element?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
8 hours ago, mccallkeller said:

All of the information about your product such as:

DORMIR SIN ALMOHADA

8.99
 
Is there a way to add your custom font to these details without having to individually target each block on every product page?

 Add to Home > Design > Custom CSS

section.ProductItem-details * {
    font-family: 'Inria sans' !important;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 months later...
On 3/7/2021 at 8:32 PM, hboss22 said:

Hi! @tuanphan I'm also having trouble getting my product titles to be the custom font i've coded in. Having trouble finding a code that works. 

Shop Page Link : https://www.fromyourmuse.com/designshop

Website code: musings2

Let me know your thoughts!

Hi. It looks like you solved with this CSS?

.grid-title, h1.ProductItem-details-title {
    font-family: 'Roseritta Standard' !important;
}

image.thumb.png.2dc451663bfea883e7d237f28660ab64.png

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.