Change Product Title Font Size Squarespace 7.1

Hi guys,

I am working on a site for a client and no matter what I do in style settings or in CSS injections, I cannot seem to change the product title sizes in the product pages. The default is H1, which doesn't look right... I have a feeling it could be to do with the sitewide fade-in transition settings, which might be interfering... But I don't want to remove that effect either! 

If anyone has any ideas, I would be grateful for your help. Here is an example of a product link on the site.

Hi Paul, Thank you so much for your response and suggestion!

I didn't realise that these new layouts would override style settings... Your CSS snippet seems to have worked wonderfully! It looks so much better now, many thanks.

37 minutes ago, paul2009 said:

When you are using the 'Simple' Product Detail Page (PDP) layout you can set the style of the item name within the Site Styles panel:

However, I see that you are using one of the newer PDP layouts ('Full'). Squarespace designers decided that these layouts would have fixed designs and so the site styles do not affect them. The heading size is calculated according to the browser width.

In theory you could use some CSS to try to modify the font manually but, in all honesty, I don't recommend it as it could layout issues for visitors on some devices.

However, if you want to try it, here's an example...

.pdp-layout .pdp-details .pdp-details-title {
  font-size: 32px;
}

Did this help? Please give feedback by clicking an icon below  ⬇️