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

[FelixConsults74]

Hello @ads18922 

That's what should actually be there, because the one with stroke is the price other do sell it and the one without stroke is your original price.

So this allow your customers to be convinced to patronize you.

If you need any help kindly message me I am always available. Thanks.

[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