Changing the price on my products to be Bold & Red

Site URL: http://www.mjkingart.com

Hello everyone, 

Can anyone please help me with the code to change the font size/color of my prices? I was able to use a CSS Code to successfully move the price by the 'order' button. However, now I want the price to stand out via bold and red. Can anyone help me on how to do this? I have 7.0 Squarespace and am using a product block.

Thank you!

1 hour ago, bangank36 said:

Try adding to Home > Design > Custom Css

#productDetails .product-price {
  font-weight: 700;
  color: red;
}

Let me know how it works on your site

it did, thank you!

I have upgraded to 7.1 and this code doesn't work any longer. Any thoughts on how to bring back my bold and colored price?

On 4/27/2024 at 8:33 AM, MJKing said:

I have upgraded to 7.1 and this code doesn't work any longer. Any thoughts on how to bring back my bold and colored price?

 

Use this code

.product-price {
  font-weight: 700;
  color: red;
}