Prestige theme - change product prices font size and make bold

Store Design
1

Hi team,

Hope everyone is doing well.

I’m wondering how I can change my product prices to make them bold and also change the font sizes? I would like to change them as follows below:

www.leikenhair.com

store password = daoroh

For the product pages: font size 24px and bold

Everywhere else (homepage & collections): font size 18px and bold

Thanks so much for your help in advance :slightly_smiling_face:

2

Hello @jaylan_tahtali ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.css-> paste bellow code in bottom of file
.ProductItem__PriceList.Heading {
    font-size: 18px !important;
    font-weight: bold !important;
}
.template-product .ProductMeta__PriceList.Heading {
    font-size: 24px !important;
    font-weight: bold !important;
}

Thanks

3

@Guleria thank you so much! that worked :). although how can I make it font weight 600 instead of 700 please. all other bold on my website is 600 font weight :slightly_smiling_face:

4

change
font-weight: bold !important;

to

font-weight: 600 !important;

5

@Guleria thanks so much that worked :)! Though i just realised it didn’t actually work entirely before as the price is still font size 19px on the product pages.

jaylan_tahtali_0-1638418425774.png
jaylan_tahtali_0-1638418425774.png552×553 29.1 KB

Thanks again for your help

6

Add this too

.template-product .ProductMeta__PriceList.Heading .Price {
    font-size: 24px !important;
}
7

@Guleria you’re the best that worked too! thankyou so much :).

I wonder if you can also help with this. For some reason the colour of the prices for all my other products (which aren’t on sale) are grey. All products should have the same #1c1b1b colour and it should only be the “was price” for any products which are shown on sale which should be greyed out. are you able to advise please :)?

jaylan_tahtali_0-1638419892261.png
jaylan_tahtali_0-1638419892261.png1875×703 165 KB

8

@Guleria let me know if you need me to clarify what I mean further :). thanks so much for all your help!

9

Hi,

How can I change the product title font size on the product page too?

Kind regards,
Elliot