Product Page - Item Title - Custom CSS

Site URL: https://snail-hyperboloid-dk28.squarespace.com/config/design

Hi Guys,

I've already got custom fonts on my site but I'm just looking for those last few area's to fix up. On this product detail page :

https://snail-hyperboloid-dk28.squarespace.com/config/design

I'm looking for custom css for these items :

- Product Detail Page Item Title

- Product Detail Page Breadcrumbs Text

If anyone could help that would be amazing! Thank you 🙂

33 minutes ago, cattg said:

Site URL: https://snail-hyperboloid-dk28.squarespace.com/config/design

Hi Guys,

 

I've already got custom fonts on my site but I'm just looking for those last few area's to fix up. On this product detail page :

https://snail-hyperboloid-dk28.squarespace.com/config/design

I'm looking for custom css for these items :

- Product Detail Page Item Title

- Product Detail Page Breadcrumbs Text

 

If anyone could help that would be amazing! Thank you 🙂

Please use this

.ProductItem-details-title {
    font-family: 'SilkSerif-Regular' !important;
}
nav.ProductItem-nav * {
    font-family: 'SilkSerif-Regular' !important;
}

Amazing!! 

Thank you! 🙂

And how about the shopping cart page?

Additionally is that an add on to find the css text?

I actually figured out the breadcrumbs nav one and the item heading in the end using the a font tool add on to find the element ID text but your add on looks like it gives you the full code? If you could share that would be great.

1 hour ago, cattg said:

Additionally is that an add on to find the css text?

I actually figured out the breadcrumbs nav one and the item heading in the end using the a font tool add on to find the element ID text but your add on looks like it gives you the full code? If you could share that would be great.

Use this

.ProductItem-details-title {
    font-family: 'SilkSerif-Regular' !important;
}
nav.ProductItem-nav * {
    font-family: 'SilkSerif-Regular' !important;
}
[class*="CartTableRow-itemTitle"] a {
      font-family: 'SilkSerif-Regular' !important;
}

I inspect the element by right click on it a choose inspect