How do I change the size of the item names on the shop page?

Site URL: https://collie-oriole-x7fl.squarespace.com/

I'd like to style the product title as they're currently too big. I've tried the solutions below that I found online with no success. I'm not sure what the issue is. Help would be much appreciated :)

.ProductList .ProductList-title {
	font-size: 30px;
}

Failed 

<style>
  .product-title {
    font-size: 4rem !important;
}
</style>

Failed

/* Product Block Titles */
.product-block .productDetails .product-title {
  font-size: 1.8em;
}
/* Product Block Prices */
.product-block .productDetails .product-price {
  font-size: 1.5em;
}

Failed

1 hour ago, paul2009 said:

Although you've posted this in the 'Coding' section, you won't need code to style product titles.

You can do this in the Site Styles panel on your Squarespace 7.1 site.

Go to Design > Site Styles > Fonts > Assign Styles.

Scroll down to the Product Detail Page section and click Item Title.

In Size: Size, change Heading to another heading choice or Custom to select a non-standard size.

  If this helps you, please click "Like" below  ⬇️

Thank you so much! I really appreciate it.

thank you @paul2009. 

Hi Paul,

How do you change the scroll font size on the product page? Do we have to add code? Can I turn scroll off? 

Much appreciated!

Lee

On 10/13/2021 at 3:36 PM, LeeT said:

Hi Paul,

How do you change the scroll font size on the product page? Do we have to add code? Can I turn scroll off? 

Much appreciated!

Lee

Can you share link to a product ín screenshot?

On 4/5/2021 at 8:23 AM, paul2009 said:

Although you've posted this in the 'Coding' section, you won't need code to style product titles.

You can do this in the Site Styles panel on your Squarespace 7.1 site.

Go to Design > Site Styles > Fonts > Assign Styles.

Scroll down to the Product Detail Page section and click Item Title.

In Size: Size, change Heading to another heading choice or Custom to select a non-standard size.

  If this helps you, please click "Like" below  ⬇️

Thanks for this! How about changing the "Recommended for You" font size as here below?

22 hours ago, paigethirtytwo said:

Thanks for this! How about changing the "Recommended for You" font size as here below?

Can you share link to a product? We can check easier

On 4/5/2021 at 5:23 PM, paul2009 said:

Although you've posted this in the 'Coding' section, you won't need code to style product titles.

You can do this in the Site Styles panel on your Squarespace 7.1 site.

Go to Design > Site Styles > Fonts > Assign Styles.

Scroll down to the Product Detail Page section and click Item Title.

In Size: Size, change Heading to another heading choice or Custom to select a non-standard size.

  If this helps you, please click "Like" below  ⬇️

I'm having the same issue with the product item font being too large. When I follow @paul2009 's suggestion to navigate to Design > Site Styles > Fonts > Assign Styles, the menu doesn't show the Product Detail Page section (see attached screenshot).

What am I missing?

The page I'm working on:

https://vioro.co/tickets/p/dedications-ema-nikolovska-kunal-lahiry-friedemann-slenczka

Thanks in advance!

On 4/30/2022 at 9:16 AM, TVJ said:

When I...navigate to Design > Site Styles > Fonts > Assign Styles, the menu doesn't show the Product Detail Page section. What am I missing?

The style options only appear if you are using the "Simple" Product Detail Page (PDP) layout. The newer Full, Half and Wrap layouts have fixed configurations that cannot be customised, so the options won't appear when you have selected one of these. For more information about the PDP layouts, see this support guide.

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

Thanks for the answer, @paul2009.

The simplest things sometimes seem so complicated 🤦‍♂️