TrevorBaum

Got it! Thank you so much Paul 🙏🏼

Got it! Thank you so much Paul 🙏🏼

Amazing, thank you Paul! I was able to get this to work for the Product Details Page, but it looks like the CSS will need to be different for the home/grid page. Any ideas?
Thanks again.

Palmera is a Squarespace 7.1 template and I provided some code to split product titles over two lines here: https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71
The article doesn't describe how to change the formatting of the two lines, but it is possible to do this with a little CSS. For example, on the Product Details Page:
/* Smaller second line */ .ProductItem .ProductItem-details h1.ProductItem-details-title {   font-size: 22px;   line-height: 1.8em; } /* Larger first line */ .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line {   font-size: calc(2.16vw + 1rem); } This CSS is just an example; I haven't tested it for your site because it is password-protected and therefore inaccessible.
Did this help? Please give feedback by clicking an icon below  ⬇️

Yes, that's correct. The List page usually has these classes which you can substitute instead of those for the Detail page:
.products.collection-content-wrapper .grid-main-meta .grid-title  So it would be something like...
.products.collection-content-wrapper .grid-main-meta .grid-title {   font-size:12px;   line-height: 1.8em; } .products.collection-content-wrapper .grid-main-meta .grid-title:first-line {   font-size: calc(.36vw + 1rem); }    If a post helps you, please click a "Like" option below  ↘️