Jump to content

Avenue Shop - Larger Text for Product List + Prices

Go to solution Solved by christyprice,

Recommended Posts

Site URL: https://raspberry-cow-26ht.squarespace.com/config/design/styles

Hello, hello! I'd like the product titles & price to be a bit larger and I can't figure this one out. I haven't found anything in the site styles and these suggestions I found for similar scenarios didn't work: 

.ProductList .ProductList-title {
	font-size: 30px;
}
<style>
  .product-title {
    font-size: 4rem !important;
}
</style>
/* Product Block Titles */
.product-block .productDetails .product-title {
  font-size: 1.8em;
}
/* Product Block Prices */
.product-block .productDetails .product-price {
  font-size: 1.5em;
}

Any suggestions? My shop isn't visible because I haven't launched it yet, so I included a couple screenshots. 

Thank you so much! 🙂

Screen Shot 2021-10-22 at 9.10.28 PM.png

Screen Shot 2021-10-22 at 9.17.54 PM.png

Link to comment
  • Solution

Hi @kalyquarles - thanks for the access! Try pasting this into Design> Custom CSS:

#productList .product .product-title {
	font-size: 18px !important;
}

#productList .product .product-price {
    font-size: 16px !important;
}

You can change the 18px and 16px to adjust the sizing as needed.

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.