Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 1, 2021 at 3:22 am #1291637
    KMC DC

    Hey team,

    I am trying to accomplish 3 things on my pricing table
    1) Pricing Row – can I get there to be less line spacing between the cost the “per month”?
    2) Can the second heading row (with the sentence of text) all be set to be the same height?
    3) Is there a way to make the entire column that each table sits within the same overall height. The rows would need to be expanded, but I’d like to only expand the default rows if possible. This would mean the first 3 rows are equal heights and the button rows are all the same height, but the content rows in the middle are slightly adjusted to give 4 rows with the same total height.

    Thank you!

    April 4, 2021 at 4:52 am #1292157
    Rikard

    Hey KMC,

    The page you linked to gives me a 404 error, please check and post the correct URL.

    Best regards,
    Rikard

    April 4, 2021 at 11:58 pm #1292381
    KMC DC

    So sorry Rikard,

    The dev team changed the url – https://meditation-dc.org/future-membership/

    Thanks for looking.

    April 5, 2021 at 6:34 am #1292423
    Nikko

    Hi KMC DC,

    Thanks for providing the link.
    Can you try to adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .pricing-table li.empty-table-cell {
    display: list-item;
}

.page-id-18854 .pricing-table li:nth-child(5) {
    min-height: 67px;
}

    Hope it helps.

    Best regards,
    Nikko

    April 5, 2021 at 6:30 pm #1292590
    KMC DC

    Perfect. I was thinking to clone the element and have this code apply for desktop browsers and a display on mobile without the code. I tried to add a class called browser-pricing, but it stopped the display you created. Here is what I used. Can you tell me what I need to do to avoid the display:list item from displaying for the mobile element?

    #top .pricing-table li.empty-table-cell .browser-pricing {
    display: list-item;
}

    Cheers

    April 6, 2021 at 4:57 am #1292660
    Nikko

    Hi KMC DC,

    You’ll just need to wrap it inside the media queries, so you’ll need to add this code:

    @media only screen and (max-width:767px) {
    #top .pricing-table li.empty-table-cell {
        display: none;
    }
}

    Hope this helps.

    Best regards,
    Nikko

    April 6, 2021 at 5:13 am #1292665
    KMC DC

    Thanks Nikko

    Just what I was looking for. :)

    April 6, 2021 at 5:18 pm #1292838
    Nikko

    Hi KMC DC,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Can I make all my columns in a Pricing Table a single height?’ is closed to new replies.