Okay
  Public Ticket #3346326
price strike out on pricing columns
Closed

Comments

  •  2
    WAKEbrandmedia started the conversation
    April 11, 2023 at 8:36pm

    Hi there,

    I'd like to do a price strike out (ie, the current price is an early bird discount but the original price was $500) so the $500 would be shown but struck out so they know what they are saving. I am open as to where this can be added on header somewhere on the current pricing table. I've tried to add it as the "incrememnt" and i cant do the cross out. Thanks!

  •  2
    WAKEbrandmedia replied
    April 11, 2023 at 9:01pm

    In addition, how can i make these wider? I eliminated one and i am having trouble finding where they are told to stay this size. thanks

  •  2
    WAKEbrandmedia replied
    April 11, 2023 at 9:58pm

    These tables are really making it difficult. I made some small tweaks to the text and now I'm running into this issue: https://www.loom.com/share/c541844b955448e99a3ab1feb6d88e01

  •  1,877
    Judith replied
    April 12, 2023 at 7:50am

    Hi there,

    Thanks for keeping in touch.

    Please try this css:

    body .pricing-table[data-style=flat-alternative] .pricing-column ul {
        padding: 0px 0;
        margin: 0 0 0px 0;
    }

    Thanks.

  •  2
    WAKEbrandmedia replied
    April 12, 2023 at 8:47pm

    Great thank you. I was able to play with that and make some mods to work. Are you able to help me with making these columns wider please? thanks

  •  2
    WAKEbrandmedia replied
    April 12, 2023 at 8:52pm

    In addition to my previous message: Great thank you. I was able to play with that and make some mods to work. Are you able to help me with making these columns wider please? thanks

    Can you please help me with doing some sort of cross out of the full price as described in the first message?

  •  1,877
    Judith replied
    April 13, 2023 at 9:03am

    Hi there,

    Please try this css:

    .pricing-table[data-style=flat-alternative] .pricing-column .interval {
        text-decoration: line-through;
    }
.pricing-table[data-style=flat-alternative].two-cols>div {
        width: 41%;
    }

    Thanks.