Jump to content

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

Recommended Posts

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?  

 

Edited by mtamaccio
Link to comment
  • Replies 7
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...

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;
}

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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

 

image.thumb.png.b3a9da3d4561a31f3bb6b978a05d01c5.png

Screen Shot 2022-06-02 at 3.29.52 PM.png

Link to comment
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

 

image.thumb.png.b3a9da3d4561a31f3bb6b978a05d01c5.png

Screen Shot 2022-06-02 at 3.29.52 PM.png

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

 

Screen Shot 2022-06-03 at 2.24.44 PM.png

Link to comment
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.

 

Screen Shot 2022-06-03 at 2.24.44 PM.png

It looks like you solved this?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.