Navigation
Archive / add red strikethrough on priciing table column
This is archived content. Visit our new forum.
  • Author
    Posts
  • March 11, 2016 at 4:37 pm #834146
    davidsitebuild
    Participant

    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

    March 11, 2016 at 4:40 pm #834153
    davidsitebuild
    Participant
    This reply has been marked as private.
    March 11, 2016 at 8:49 pm #834353
    Rue Nel
    Moderator

    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.

    March 13, 2016 at 6:05 pm #836196
    davidsitebuild
    Participant

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

    March 13, 2016 at 6:50 pm #836240
    John Ezra
    Member

    You’re most welcome!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-834146 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>