[davidsitebuildParticipant]

Hi there,
I am trying to add a red strikethrough to a pricing table column, but am having some trouble with this. What I mean is, where the price would be shown, I would like to have the regular price with a red line going through it, and the sale price listed to the right of that. I am struggling to find a way to do this without affecting all of the text in the pricing table.

Any help would be awesome!

Thanks,
David

[davidsitebuildParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! To have the regular price with a red line going through it, and the sale price listed to the right of that, please do the following.
1] In each of the pricing columns, remove the price, currency and interval.
2] In the pricing column content, add the following code:

<h3 class="x-price"><span style="display: inline-block; color:red;text-decoration:line-through"><span style="font-size: 50px;color:black;"> $150 </span> </span> $125</h3>

This should be added above the icon lists.

3] Save your changes and preview the page.

I went ahead and created an example for you. Please check out the (https://your-domain.com/an-x-test/).

Hope this would work our for you. Please let me know.

[davidsitebuildParticipant]

Thank you so much, it worked! You are a genius!

[John EzraMember]

You’re most welcome!

[Author]

Posts