Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
MattCav

Change Title Font Style in Product Block?

Question

Site URL: https://www.nesthomeware.com/cast-iron-sets

Hi all,

I'm creating pages (rather than categories, for SEO purposes) to show similar groups of products in addition to my main Store page. To do this, I'm using Product Blocks.

The default Product Block fonts for product details are different than on Store Pages, but I'd like for them to be the same (following the same styling as the Store Pages). 

See links below for example.

https://www.nesthomeware.com/shop : The product titles here follow the heading text font. I like it!

https://www.nesthomeware.com/cast-iron-sets : The product titles here follow the body text font. I'd like to change it to the heading text, as above.

Is there a simple code fix here that can be injected to these specific pages?

Thanks!

-Matt

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

Add to Page Settings > Advanced > Header

<style>
  .product-block .productDetails .product-title {
    font-family: orpheus-pro;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 1.4em;
    font-size: calc(.24vw + 1rem);
}
</style>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Hi guys, I'm dealing with the same problem. The code above almost worked but I can't figure out how to adjust the price below the title of the product blocks. 

I'm trying to match the style and look of this - https://swan-hen-n4m6.squarespace.com/purchase-catalogues

I got close but it's not quite there yet - https://swan-hen-n4m6.squarespace.com/kids-classes-camps 

Any help would be greatly appreciate it. Thanks!

Share this post


Link to post
  • 0
9 hours ago, Amador said:

Hi guys, I'm dealing with the same problem. The code above almost worked but I can't figure out how to adjust the price below the title of the product blocks. 

I'm trying to match the style and look of this - https://swan-hen-n4m6.squarespace.com/purchase-catalogues

I got close but it's not quite there yet - https://swan-hen-n4m6.squarespace.com/kids-classes-camps 

Any help would be greatly appreciate it. Thanks!

<style>
  .product-price {
    font-size: 10px !important;
    color: red;
}
</style>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...