Custom Font CSS Newsletter + Accordion + Shop

Site URL: https://bozoo.it/

Hello,
I've update a custom font on my website and I would like to manage and control the type size of specific sections without affecting the rest of the site. Here the request:
 

1. Make the newsletter title and body text smaller (for example the title not to be h1 but h2)
2. Make header text text smaller without affecting the rest of the site.
3. In the shop section https://bozoo.it/shop/p/fred the product title, quantity and price do not use the custom font I uploaded.
4. In that section How can I make the accordion title text smaller and the product title larger?

thank you in advance! 

Try this Custom CSS, you'll have to change the values for each, but these are the selectors:

Make the newsletter title and body text smaller (for example the title not to be h1 but h2)

.newsletter-form .newsletter-form-header-title {
  font-size:20px;
}
.newsletter-form .newsletter-form-header-description {
  font-size:20px;
}

Make header text text smaller without affecting the rest of the site.

You'll need to identify the block ID with an extension like this:
https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
Example:

#block-551ae78529bbfe1ba478 h1 {
  font-size:4rem;
}

In the shop section https://bozoo.it/shop/p/fred the product title, quantity and price do not use the custom font I uploaded.

.ProductItem .ProductItem-details h1.ProductItem-details-title, .ProductItem-details .product-quantity-input, .collection-type-products .ProductItem-details .product-price {
  font-family:;
}

In that section How can I make the accordion title text smaller and the product title larger?

.ProductItem .ProductItem-details h1.ProductItem-details-title  {
  font-size:4rem;
}

.ProductItem-additional .accordion-item__title  {
  font-size:2rem;
}

Thanks @Ziggy I can control the size of the accordion and the title of the products.
How can I control the price size, product description and the "You Might Also Like"?

Furthermore, the size of the header and newsletter text does not change.

For the header I tried with

#collection-62d2c41f3af73060d646c0d2 h1 {
  font-size:2rem;
}

For the newsletter, maybe that code goes in conflicts with the code I entered regarding the custom font?
Here the code:

// Newsletter Form Title //
.newsletter-form-header-title {
  font-family: NeueHaasUnicaW1G-Bold !important;
}

// Newsletter Form Description //
.newsletter-form-header-description p {
  font-family: NeueHaasUnicaW1G-Regular !important;
}

// Newsletter Form Fields //
.newsletter-form-field-element {
  font-family: NeueHaasUnicaW1G-Regular !important;
}

// Newsletter Form Button //
.newsletter-form-button {
  font-family: NeueHaasUnicaW1G-Regular !important;
}

// Newsletter Form Footnote //
.newsletter-form-footnote {
  font-family: NeueHaasUnicaW1G-Regular !important;
}

2 hours ago, Ziggy said:

.ProductItem .ProductItem-details h1.ProductItem-details-title, .ProductItem-details .product-quantity-input, .collection-type-products .ProductItem-details .product-price {
  font-family:;
}

Use these broken up for font sizes:

.ProductItem .ProductItem-details h1.ProductItem-details-title {font-size:;}
.ProductItem-details .product-quantity-input {font-size:;}
.collection-type-products .ProductItem-details .product-price {font-size:;}

33 minutes ago, claudiafrat said:

Furthermore, the size of the header and newsletter text does not change.

 

In Design -> Site Styles -> Fonts -> Assign Styles you should be able to adjust these.

thank you! it works!