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

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 comment

3 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, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to 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.

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

Create an account or sign in to comment

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

×
×
  • Create New...