Changing custom font in product title

Hi, 

I'm having real trouble changing font relating to products. 

It would seem they don't adhere to my previous coding ( a custom font change for h1, h2,h3 and P)

I have searched this forum and did try solutions already posted to no luck.

Anyone know what could be wrong?

tweak-product-item-details-show-title .ProductItem-details h1.ProductItem-details-title {
  font-family: 'TYPEWRITER';
}

Also tired this one: 

.producttitle {

font-family: 'TYPEWRITER';

}

Sorry, very new to CSS but what seems to work for some people just isn't for me. 

My site isn't online yet so I have attached a screenshot and circled the text I would like changing to the typewriter font seen also in the image. Thanks so much!

Can you share link to product page?

If your site in trial, you can setup password & share url

Hi thanks so much for your response - this is the link to my product page: 

https://aqua-cricket-9zk5.squarespace.com/oils

Let me know if you need anything else!

8 hours ago, El1z4b3th said:

Hi thanks so much for your response - this is the link to my product page: 

https://aqua-cricket-9zk5.squarespace.com/oils

Let me know if you need anything else!

 

 

Your site product title has different class name. Use this

.collection-type-products .grid-title {
    font-family: 'TYPEWRITER';
}

Thank you!! Worked perfectly. 🙂 

Hi!! I'm having the same problem

I want to change the title of my products to my custom font I used in H2.

Here's the link to the website:

www.elojoquevelaluz.com

On 11/24/2020 at 12:57 AM, sabrinaramgal said:

Hi!! I'm having the same problem

I want to change the title of my products to my custom font I used in H2.

Here's the link to the website:

www.elojoquevelaluz.com

Product name uses this CSS

h1.ProductItem-details-title {
    font-family: 'ojo regular' !important;
}

On 12/3/2020 at 6:06 PM, tuanphan said:

Product name uses this CSS

h1.ProductItem-details-title {
    font-family: 'ojo regular' !important;
}

 

Hi i used this code, changed it up to my custom font family and it worked for the desktop site and not the mobile site. Is there a reason why?

https://dog-apricots-dryc.squarespace.com/

Here's the site. 
Password: Besttaste123

On 12/21/2020 at 1:41 PM, Sherman said:

Hi i used this code, changed it up to my custom font family and it worked for the desktop site and not the mobile site. Is there a reason why?

https://dog-apricots-dryc.squarespace.com/

Here's the site. 
Password: Besttaste123

I don't see product title on mobile? https://dog-apricots-dryc.squarespace.com/shop/p/506sojhh547wtp3lk484l9akpds95c

Also, on mobile, footer menu right align, social is left align. Do you want all right or left align?

On this page https://dog-apricots-dryc.squarespace.com/contract-manufacturing

You haven't changed SEO Title, so browser tab name still shows "Gallery 2"

Similar on this page https://dog-apricots-dryc.squarespace.com/customised-packaging

On 4/27/2020 at 11:32 PM, tuanphan said:

Your site product title has different class name. Use this

.collection-type-products .grid-title {
    font-family: 'TYPEWRITER';
}

 

Hi T! That code worked for my site's shop page - thank you! How do I change the font for the individual item page?

On 2/23/2021 at 2:47 AM, TwoRabbits said:

Hi T! That code worked for my site's shop page - thank you! How do I change the font for the individual item page?

Can you share link to an individual item page? We can check easier.

Hi, i am having the same Problem. 

I want to use a font i added to the website called "ALTE-Regular2"

but i can't seem to make it work. 

https://groundhog-lion-mba7.squarespace.com/reservation-en-ligne

Password: Chloelaplusbelle

On 5/20/2021 at 3:57 PM, Chlohat said:

Hi, i am having the same Problem. 

I want to use a font i added to the website called "ALTE-Regular2"

 

but i can't seem to make it work. 

https://groundhog-lion-mba7.squarespace.com/reservation-en-ligne

Password: Chloelaplusbelle

Add to Design > Custom CSS

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

On 5/21/2021 at 4:22 PM, tuanphan said:

Add to Design > Custom CSS

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

 

Hi thank you for that, is there also a way to make the product title on the product page be in my custom font. Thank you for your help. 

23 hours ago, Chlohat said:

Hi thank you for that, is there also a way to make the product title on the product page be in my custom font. Thank you for your help. 

 

Use this

/* Product title font */
h1.ProductList-title, h1.ProductItem-details-title {
    font-family: 'ALTE-Regular2' !important;
}

Hi I was having the same problem with the Product Title and this code worked 

/* Product title font */
h1.ProductList-title,
h1.ProductItem-details-title {
    font-family: 'alta-regular' !important; }

However now how do I add that font to the product price?

On 3/1/2022 at 5:50 AM, CreativeGirlHub said:

Hi I was having the same problem with the Product Title and this code worked 

/* Product title font */
h1.ProductList-title,
h1.ProductItem-details-title {
    font-family: 'alta-regular' !important; }

 

However now how do I add that font to the product price?

Use this

h1.ProductList-title, h1.ProductItem-details-title, .product-price, .product-price * {
    font-family: 'alta-regular' !important; 
}

hey,

i am having a similar issue! 

how do i change the font to my 'mainfont' on the product list page (not the individual products page)? 

i have successfully applied it to the price and main heading (on the individual page only - not the product list gallery page).

thanks!!!

issy

Just now, isobeleastwood said:

hey,

i am having a similar issue! 

how do i change the font to my 'mainfont' on the product list page (not the individual products page)? 

i have successfully applied it to the price and main heading (on the individual page only - not the product list gallery page).

thanks!!!

issy

 

On 3/5/2022 at 12:35 PM, isobeleastwood said:

 

What is site url?

11 hours ago, tuanphan said:

What is site url?

www.stuffbystink.com

password: swagger

Use this CSS

.grid-main-meta * {
    font-family: 'mainfont' !important;
}

On 3/3/2022 at 4:44 AM, tuanphan said:

Use this

h1.ProductList-title, h1.ProductItem-details-title, .product-price, .product-price * {
    font-family: 'alta-regular' !important; 
}

 

I am trying to plug this code into my website but it isn't changing the product title, only the price. I am trying to change the product title to Open Sans bold.

@tuanphan Are you able to help? 

13 hours ago, taylaavee said:

 

 

I am trying to plug this code into my website but it isn't changing the product title, only the price. I am trying to change the product title to Open Sans bold.

@tuanphan Are you able to help? 

I just tested on my demo site. The code should work. Can you share link to a product on your site?

Hello - Having a similar issue with my main header title font. I want it to match the other headers I have on my remaining pages with is my header 2 and bolded. Also if possible I'd like to left justify it like the other pages:

https://www.coorlasarch.com/products