Strike-through not appearing on sale price

[JayKay89]

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

[tim]

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".

[romeo0]

• 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 
  
  
  
  

[dmwwebartisan]

@JayKay89 

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

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

Hope this helps!

[JayKay89]

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

[dmwwebartisan]

@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!