How to change Font Size in Product Title in 7.1 - Full or Wrap layout

Hey, I'm looking to change the font size in my product titles.  I am able to edit this in Site Styles>Assign Styles when I choose a "Simple" layout for the product details.  but as when I choose "Full" or "Wrap" I do not see product details as an option in the same Assign Styles area.

Any idea where to find this?  

13 hours ago, mtamaccio said:

Hey, I'm looking to change the font size in my product titles.  I am able to edit this in Site Styles>Assign Styles when I choose a "Simple" layout for the product details.  but as when I choose "Full" or "Wrap" I do not see product details as an option in the same Assign Styles area.

Any idea where to find this?  

 

Use this CSS

h1.ProductItem-details-title {
    font-size: 30px !important;
    font-family: monospace !important;
    color: red !important;
}

I am having a hard time forcing the custom font to change. Here's my site, products are under "shop"

http://www.the-still-refinery.squarespace.com/?password=refinery

This is the code I have been trying to use to get Poppins to appear but it is still showing up as "Carla"

.collection-type-products .grid-title {
    font-family: 'poppins'!important;
}
h1.ProductItem-details-title {
    font-size: 30px !important;
    font-family: poppins!important;
}

On 5/26/2022 at 2:21 AM, smarta said:

I am having a hard time forcing the custom font to change. Here's my site, products are under "shop"

http://www.the-still-refinery.squarespace.com/?password=refinery

This is the code I have been trying to use to get Poppins to appear but it is still showing up as "Carla"

.collection-type-products .grid-title {
    font-family: 'poppins'!important;
}
h1.ProductItem-details-title {
    font-size: 30px !important;
    font-family: poppins!important;
}

Use this code

.products.collection-content-wrapper .grid-main-meta .grid-title, h1.ProductItem-details-title {
    font-family: 'Carla' !important;
}

On 4/4/2022 at 12:35 AM, tuanphan said:

Use this CSS

h1.ProductItem-details-title {
    font-size: 30px !important;
    font-family: monospace !important;
    color: red !important;
}

 

This works if I am in the "Simple" layout, but if I change it to "Full", I still have the default biggest heading text.  Do you know how to get into that?  Here is the page with "Full" selected.

https://www.thelocalslang.com/kids/p/kids-woodstock-streets-hoodie-gray

10 hours ago, mtamaccio said:

This works if I am in the "Simple" layout, but if I change it to "Full", I still have the default biggest heading text.  Do you know how to get into that?  Here is the page with "Full" selected.

https://www.thelocalslang.com/kids/p/kids-woodstock-streets-hoodie-gray

 

Full layout uses a different class name. Use this new code

h1.pdp-details-title {
    font-size: 30px !important;
    font-family: monospace !important;
    color: red !important;
}

12 hours ago, tuanphan said:

Full layout uses a different class name. Use this new code

h1.pdp-details-title {
    font-size: 30px !important;
    font-family: monospace !important;
    color: red !important;
}

 

perfect thank you.

On that same page, is it possible to move the "Add to Cart Button" below the quantity?  I hate how its off center in the full layout.

On 6/4/2022 at 1:26 AM, mtamaccio said:

perfect thank you.

On that same page, is it possible to move the "Add to Cart Button" below the quantity?  I hate how its off center in the full layout.

 

It looks like you solved this?