Sale price and regular price sizing

[LeandroS]

Hello everyone

I am preparing my website and i need a little help with the size of the prices..

so on the product grid the original crossed out price is bigger than the sale price.. i would like the crossed out price to be smaller so it matches the sale price (see screenshot)

second on the product page the sale price is bigger than the original crossed out price.. i would like the sale price to be smaller so it matches the original crossed out price (see screenshot)

these adjustments would be needed for desktop and mobile version

thanks for the help!

Website: www.gogghi.ch

password: GOGGHI10NEWWEBSITE2025

[Moeed]

Hey @LeandroS 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
s.price-item.price-item--regular {
    font-size: 12px !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[LeandroS · Accepted solution]

thanks that works! but on the product page it doesn't change

this here