How can I Striket̶h̶r̶o̶u̶g̶h̶ the interval section of the pricing table using CSS?

Support
#1

I’m thinking about how to implement discounts in the pricing table like: now is on sale by 25 (normal price 99).

So far, the easiest solution I think can be to strikethrough the interval row of the pricing table. How to do it with CSS? Any other solution?

#2

Hi There,

Thanks for writing in! Currently there is no special option to do that and the way that you have done it would be the alternative solution.

Thanks for understanding!

#3

Hi. I haven’t been able to do it. It just a drawing showing how it should look after applying the CSS…

#4

Hi There,

Sorry for the confusion. You can set the price in Interval section and then add the following CSS rule into your Theme Option > Global CSS area.

.x-pricing-table .x-interval {
    text-decoration: line-through;
}

Hope that helps.

#5

Works perfectly. Thanks!

#6

Great to hear it.

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.