Changing the size of product title and price

1 hour ago, amieamie said:

How do I go about changing the size of the product title and price on the home page? 

On a normal Store page in Squarespace 7.1 you can change the fonts from the Design > Fonts menu. This launches the Fonts panel where you can customise the font sizes and styles.

However, your home page appears to be built using Product Blocks. These use 'Paragraph2' formatting that is used in many places on your site, so if you change this font in the Fonts panel, it will change other areas too.

However, you can change the sizes of titles and prices within Product Blocks using "CSS". Add the styles below to Design > Custom CSS and adjust the sizes to suit you. The current sizes are 1.3em and 1.1em respectively.

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

The current sizes are 1.8em and 1.5em respectively.

By the way, the fonts on the store page and the home page are all the same - Proxima Nova. However, they are shown in different sizes and different weights.

   If a post helps you, please click a "Like" option below  ↘️

I have the same issue. i just tried the CSS from Paul2009 and it said "syntax error".  I am not sure what happened. I copied it directly in to the CSS box. I have ventura. 

@vanessailene Can you post the CSS you pasted into Design > Custom CSS or a screenshot of it with perhaps the error message?