Hi! I want to make the previous price use the same font as the discounted price. Can someone help me? Thanks.
Topic summary
A user is seeking help with font customization for product pricing. They want to modify the styling so that the strikethrough/previous price displays in the same font as the current discounted price. An image was included showing the current price display format, though the specific visual details aren’t fully readable in the provided text. No solutions or responses have been posted yet, leaving the question unanswered.
1 Like
Hello @voodoowww123,
Can you share the font name? Also on your store all the products are showing sold out. Can you share a product URL where the it is not sold out and the price is showing?
.price-item–regular {
font-family: inherit;
font-weight: 600; /* optional: adjust if needed /
color: inherit; / optional: keeps same color style */
}
Add it under Online Store → Edit Code → Assets → base.css (or theme.css).
This will make the previous price use the same font style as your discounted one.
Hey. It doesn’t work
Hey
The font name is helvetica I believe
Please add this code to Custom CSS in your theme settings
.product__info-container .price--on-sale .price-item--regular {
font-size: 1.2rem !important;
}
Hi, @voodoowww123
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag
<style>
.price--on-sale .price-item--regular {
font-size: 1.2rem !important;
}
</style>
Result:
Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!
If you will unable to implement the same then I’m happy to do this for you, let me know.
That fixed it! thank you so much 
Hello @voodoowww123,
I see you have solved the problem. I am really glad that you have fixed your problem.
You are welcome. I’m glad to hear that the solution worked well for you.
If you require any more help, please don’t hesitate to reach out.