Strike-through not appearing on sale price

Store Design
, , ,
1

Hello

Currently I cannot see a strike-though on my sales prices. It’s just greyed out. How can I add a strike-though?

link: https://tothestars.media/products/shanty-beanie-burnt-orange

Screenshot 2025-07-03 at 7.28.02 AM.png
Screenshot 2025-07-03 at 7.28.02 AM.png1066×1066 66 KB

2

You can fix this with CSS:

.price__sale .price-item--regular {
  text-decoration: line-through;
}

This code can be added to this section “Custom CSS” setting, or, if you want to apply it to all sections, add it to “Theme Settings”=> “Custom CSS”.

3

  • Go to the product in Shopify admin.

  • Set a higher Compare at Price and a lower Price (e.g., Compare at: $30, Price: $20).

  • If no strike-through appears, go to Online Store > Themes > Edit Code.

  • Open your CSS file (theme.css or base.css).

  • Add this at the bottom:

    .compare-price {
    text-decoration: line-through;
    }
    Refresh

4

@JayKay89

Please add the following code at the bottom of your css file.

dd.price__compare {
    text-decoration: line-through;
}

Hope this helps!

5

thanks! Solution worked but I still don’t see a strikethrough on the Quickview. Where can I add the code to change that?

6

@JayKay89

Please add the following code at the bottom your css file.

.price--on-sale .price__sale .price-item--regular {
    text-decoration: line-through;
}

Hope this works!