Dawn theme - I would like to change the size of my Web and Mobile price size seperately

Store Design
,
1

Hi guys I would like to ask if its possible for me to change the size of product page price font separately?

For Website:

KelvinLeow_0-1687929755876.png
KelvinLeow_0-1687929755876.png1344×700 95.2 KB

I would want my selling price font to be bigger than the slashed price, as it looks a bit too small.

While for the mobile:

KelvinLeow_1-1687929874858.png
KelvinLeow_1-1687929874858.png342×774 66 KB

The pricing for both the slashed and current price is too small compared to the product title and also the variation selection.

Thank you in advance for any help on this. I’ve been trying to fix this with other solutions from other thread but non of it works exactly how I want.

Website: fonpintar.com.my
password: taclau

Thank you!!

2

Hi, @KelvinLeow .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.price--on-sale .price__sale {
    font-size: 20px !important;
}

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

websensepro_0-1687937022369.png
websensepro_0-1687937022369.png1169×463 127 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!