Five Template - Change price font size within product listing

Hi,

I am currently using the Five template theme. Within my product listing the font size that displays the price is very small. Does anyone know the code to make it bigger? 

I was running FB ads and one person commented that the price wasn't displayed. The price is small, so possible that it's hard for people to see it clearly. I really need this fixing. I don't understand why the Squarespace developer for the theme decided to make it so small. The price is important and should be seen clearly! 

Can anyone help with the CSS coding? Thanks!

Hi,

Can you share link to your site? I can't find price on Five demo: https://five-demo.squarespace.com/?nochrome=true

or try adding this to Design > Custom CSS

.product-price {
	font-size: 30px !important;
}

Hi,

No, that also changed the size of the price font in the main gallery product list. I don't need that altering, I just need within the actual product page itself.

I already have a CSS code for the size of the main gallery product price font:

    #productList .product .product-price {
      font-size: 19px;
 } 

but when I put in your CSS it seems to override the above code making the price font too big. Is there anyway I can have those codes not affect each other's pages?

Look at the link below. It'll take you to the individual product page. I need each of the product page items to have the price display a bit bigger as it's too small. I've had to write in actual text in the info section so people can see it but I shouldn't really have to do that.

https://worldofcreativedreams.co.uk/onlinebookstore/the-royal-hotel-by-dell-winslade
 

Any ideas?

 

On 12/2/2022 at 8:25 AM, tuanphan said:

If you want code run on individual products only, use this code

body.collection-type-products.view-item .product-price {
	font-size: 30px !important;
}

You can adjust number 30

Brilliant! That's worked! Many thanks for your geniusness 😁