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

Changing the size of product title and price


amieamie

Question

Site URL: https://www.amieamie.ca/

Hello, 

 

How do I go about changing the size of the product title and price on the home page? https://www.amieamie.ca/

Every post I read about it says this...

  1. In the Home Menu, click Design, then click Fonts.
  2. Choose a font, and click the gear-icon-32px.png to apply the font to specific parts of your site.

... but there is no such thing as a wheel symbol or any product list section where I could change the size of the font.

 

Any idea what I can do? Moreover, the price style and font are different on the SHOP's page, and I have no idea how to access that either!

Thanks!

 

 

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0
1 hour ago, amieamie said:

How do I go about changing the size of the product title and price on the home page? 

On a normal Store page in Squarespace 7.1 you can change the fonts from the Design > Fonts menu. This launches the Fonts panel where you can customise the font sizes and styles.

However, your home page appears to be built using Product Blocks. These use 'Paragraph2' formatting that is used in many places on your site, so if you change this font in the Fonts panel, it will change other areas too.

However, you can change the sizes of titles and prices within Product Blocks using "CSS". Add the styles below to Design > Custom CSS and adjust the sizes to suit you. The current sizes are 1.3em and 1.1em respectively.

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

The current sizes are 1.8em and 1.5em respectively.

By the way, the fonts on the store page and the home page are all the same - Proxima Nova. However, they are shown in different sizes and different weights.

   If a post helps you, please click a "Like" option below  ↘️

spacer.png

Edited by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

@vanessailene Can you post the CSS you pasted into Design > Custom CSS or a screenshot of it with perhaps the error message?

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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...