Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I change the size of the item names on the shop page?


hbakhsh
Go to solution Solved by paul2009,

Question

Site URL: https://collie-oriole-x7fl.squarespace.com/

I'd like to style the product title as they're currently too big. I've tried the solutions below that I found online with no success. I'm not sure what the issue is. Help would be much appreciated :)

.ProductList .ProductList-title {
	font-size: 30px;
}

Failed 

 

<style>
  .product-title {
    font-size: 4rem !important;
}
</style>

Failed

 

/* Product Block Titles */
.product-block .productDetails .product-title {
  font-size: 1.8em;
}
/* Product Block Prices */
.product-block .productDetails .product-price {
  font-size: 1.5em;
}

Failed

 

 

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Thank you so much! I really appreciate it.

Posted Images

2 answers to this question

Recommended Posts

  • 0
1 hour ago, hbakhsh said:

I'd like to style the product title as they're currently too big.

Although you've posted this in the 'Coding' section, you won't need code to style product titles.

You can do this in the Site Styles panel on your Squarespace 7.1 site.

Go to Design > Site Styles > Fonts > Assign Styles.

Scroll down to the Product Detail Page section and click Item Title.

7point1-site-styles-product-detail-page.png.b0aedb8cd1e60b0d9912b50052ad355e.png

In Size: Size, change Heading to another heading choice or Custom to select a non-standard size.

site-styles-7-1-product-title-size.gif.244920b90f89e4aac687f880af356dfa.gif

  If this helps you, please click "Like" below  ⬇️

7point1-site-styles-product-detail-page-item-title-size.png

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include. Pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.  Squarespace. I've been a loyal supporter of the platform since 2007. 

Link to post
  • 0
1 hour ago, paul2009 said:

Although you've posted this in the 'Coding' section, you won't need code to style product titles.

You can do this in the Site Styles panel on your Squarespace 7.1 site.

Go to Design > Site Styles > Fonts > Assign Styles.

Scroll down to the Product Detail Page section and click Item Title.

7point1-site-styles-product-detail-page.png.b0aedb8cd1e60b0d9912b50052ad355e.png

In Size: Size, change Heading to another heading choice or Custom to select a non-standard size.

site-styles-7-1-product-title-size.gif.244920b90f89e4aac687f880af356dfa.gif

  If this helps you, please click "Like" below  ⬇️

7point1-site-styles-product-detail-page-item-title-size.png

 

Thank you so much! I really appreciate it.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...