Product Details header sizes

Site URL: https://lettuce-parakeet-yw5y.squarespace.com/shop/beni-shoga-4csjs

HI everyone,

I am testing out squarespace and was playing around.

Is it possible to change the  text color, H1 and H2 for just the product details on a website.

Page is:  https://lettuce-parakeet-yw5y.squarespace.com/shop/beni-shoga-4cs

pwd:tester123

Also is it possible to change the bullet to a star in the list that is used on a product description?

Thank you

Joe

Add to Home > Design > Custom CSS

/* Style product detail page */
/* h2 */
.collection-type-products.view-item h2 {
    color: red;
}
/* h1 */
.collection-type-products.view-item h1 {
    color: green;
    font-size: 3em;
}
/* bullet to star */
.collection-type-products.view-item ul li p:before {
    content: "★";
}