Dawn Theme - How can I make the product price bold and larger font?

[shanagarryceo]

Looking to make the product price on the product page & featured product on the homepage bold and larger font. Any ideas how to do this?

[PageFly-Victor]

Hi @shanagarryceo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-price.css->paste below code at the bottom of the file:

span.price-item.price-item--regular {
    font-weight: bold;
    font-size: 24px
}

Note: you can change the value of font-size to match your store

Hope my answer will help you.

Best regards,

Victor | PageFly

[shanagarryceo]

Hi Victor,

This has worked for the single variant, however for products on sale it is not working

[PageFly-Victor]

@shanagarryceo

You can remove my previous code and add this code below:

.price--on-sale .price__sale {
font-weight: bold;
font-size: 24px;
}

.product__info-container .price--on-sale .price-item--regular {
font-size: 20px;
}

[shanagarryceo]

Combining the two works perfectly! Thank you.

[Daan00]

Products without a sale do still have the same font-size. Please see the image below. How to solve this?