Hello guys, here I have set my price for my product and a compare price. Now I want to change them. I want the actual price to be in font size, color and be with a line. And i want my compare price to be like the actual price, no line, color and font size should be the same. How can I change it
Topic summary
A user wants to modify the visual styling of product pricing on their Shopify store. Currently, they have a standard price and a compare-at price displayed with default formatting.
Desired changes:
- Regular price: customize font size, color, and add strikethrough line
- Compare-at price: remove strikethrough, match font size and color to regular price
Responses:
- One commenter notes this requires CSS customization and requests the page URL to provide specific code
- Another warns that reversing the typical price display format (where compare-at prices are usually struck through) could confuse customers, making discounts appear as markups instead of sales
The discussion remains open with no solution implemented yet.
1 Like
It will need css to set colors for your prices, can you share this page link?
If you interchange the customization of these fonts, the visitor will think that it is a mark up instead of a sale. The data/price on the actual price will still be the actual price of the product/varaint