Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 14, 2015 at 2:48 pm #502766
    dcashion

    hi there,
    Hoping you can help. I’ve set up a nice pricing table that comes with the theme. I added the following CSS to the pricing row to get each row of equal height.
    <style type = “text/css”>
    .avia-pricing-row { min-height: 195px !important; }
    .pricing-table li.avia-pricing-row { line-height:0.5em;
    }

    However, I can’t figure out how to do the same thing for a default row. I have different lengths of text that are making the row wide in some columns and narrow in others and it takes the nice look from the table.
    Could you pls tell me how to fix this?
    Thanks for your help.
    /D

    September 14, 2015 at 5:15 pm #502909
    Elliott

    Hey dcashion!

    Try this.

    .pricing-table li { min-height: 100px !important; }

    If that’s not working then send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    September 14, 2015 at 6:03 pm #502957
    dcashion

    Thanks for that seems to be changing the height of the highlight row and the default row is out of sync. I’ll paste the details below – perhaps you could take a look for me please? Thanks

    September 14, 2015 at 7:20 pm #502986
    Dake

    Hey!

    Please try adding the below css to your custom css section in your theme options:

    .pricing-table li.avia-pricing-row {
	min-height: 250px !important;
}

.main_color .pricing-table>li:nth-child(even) {
	min-height: 250px !important;
}

    Just for reference where did you insert the original css that you tried? Because there appears to be a styling conflict.

    Cheers!
    Dake

    September 14, 2015 at 9:57 pm #503022
    dcashion

    hi Dake,

    I inserted the original CSS as a code block on the page as I saw some threads on the site that suggested to do that, and on the face of it, it seemed to work. I’ll try what you suggest above and see how we go.
    Thanks
    /D

    September 14, 2015 at 10:03 pm #503026
    dcashion

    hi Dake,

    I’ve deleted the code block on the page and just put the CSS into the CSS section, but that doesn’t seem to have worked. There shouldn’t be any more styling conflicts but the default rows are still uneven. Could you please revisit?
    Thanks
    /D

    September 15, 2015 at 10:02 am #503155
    Ismael

    Hey!

    I tried to edit the page but it’s blocked because you’re online or editing the page yourself. Please try to add this in a code block before or after the table:

    #top .avia_pricing_minimal .pricing-table>li:nth-child(n+2) {
    min-height: 289px !important;
}

#top .avia_pricing_minimal .pricing-table>li:last-child {
    min-height: 100px !important;
}

    You need to add css media queries to adjust the height on smaller screens.

    Cheers!
    Ismael

    September 15, 2015 at 10:41 am #503173
    dcashion

    hi Ismael
    Thanks for this. I’ve tried that but it’s not working. The default rows are the problem. The pricing rows are fine. I’ve logged out of the page. Would you mind taking a look please?
    Thanks

    September 15, 2015 at 7:09 pm #503618
    Andy

    Hi!

    I can’t login, because it says: “Database Update Required”. Could you check please?

    Regards,
    Andy

    September 16, 2015 at 10:51 am #503912
    dcashion

    Oops, sorry about that. WP applied an automatic update yesterday but that’s now been fixed. YOu should be able to get access now. Thanks. BTW – I’ve removed the quick CSS code given to me by your colleague. Now the CSS is actually appearing on the home page although it’s placed in a code block so it’s all rather strange.

    September 17, 2015 at 5:02 am #504486
    Ismael

    Hey!

    We forgot to wrap the code inside a style tag. Please check it now: https://store.mjft.co.uk/

    Adjust the min-height property if necessary.

    Best regards,
    Ismael

    September 17, 2015 at 10:18 am #504604
    dcashion

    Perfect, thanks so much for your help.
    /D

    September 18, 2015 at 2:06 pm #505505
    Andy

    Hi!

    glad Ismael could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Pricing table – getting equal height rows’ is closed to new replies.