How to add a strike through to text on carousel

Hey everyone,

I have a carousel on my home page which I use to display products. I would love to add a strikethrough on the 'before sale' price. Screenshot attached for reference. This doesn't seem to be an option when typing into the carousel description box for some reason, is there a solution for this?

Thank you!

URL: threadsonline.co.uk

Password: asdfghjkl

Yes, there is a way to add a strikethrough to the ‘before sale’ price in Squarespace. You can use HTML or CSS to achieve this. The <strike> HTML tag can be used to strikethrough text in Squarespace. Here’s an example of how you can use it:

HTML

<strike>$200</strike> $150

In the above example, $200 is the original price and it will appear with a strikethrough. $150 is the sale price.

Please replace $200 and $150 with your ‘before sale’ and ‘sale’ prices respectively. You can add this in the description box of your product in the carousel.

7 minutes ago, Blogger79 said:

Yes, there is a way to add a strikethrough to the ‘before sale’ price in Squarespace. You can use HTML or CSS to achieve this. The <strike> HTML tag can be used to strikethrough text in Squarespace. Here’s an example of how you can use it:

HTML

<strike>$200</strike> $150

In the above example, $200 is the original price and it will appear with a strikethrough. $150 is the sale price.

Please replace $200 and $150 with your ‘before sale’ and ‘sale’ prices respectively. You can add this in the description box of your product in the carousel.

Hi there, thanks for your answer.

It doesn't appear to be working, does it look like I've made a mistake?

2 hours ago, tuanphan said:

First, make text $750 bold

Next, use this code to Website > Website Tools > Custom CSS

.list-item-content__description p strong {
    font-weight: normal;
    text-decoration: line-through;
}

result

Worked like a dream, thank you! 😄