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

KelvinLeow
Excursionist
49 0 15

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

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

 

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!!

Reply 1 (1)

websensepro
Shopify Partner
1047 146 153

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

 

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

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here