Change size of sale price to make it same size as original price

[ads18922]

hello, when i added a sale price to my products, the sale price is for some reason bigger than the original price as shown in the image below:

I want to change it so theyre the same size and also fit on the same line, like the image below:

I am using dawn theme

This is my store domain: qmpryp-cx.myshopify.com

and this is my password: chasha

[AnneLuo]

Hi, @ads18922 

I can't find the location of the sale price. Did you finish the settings?

[Dan-From-Ryviu]

Hi @ads18922 

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
.price .price-item { font-size: 1.3rem !important; }
}

 

[GTLOfficial]

Hello @ads18922 

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-price.css
add this code at the end of the file and save.

.price-item.price-item--sale.price-item--last {
font-size: 1.3rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks