Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #26383

    Hi,

    I really like using the pricing table in the Enfold theme, but just wondering if you can make sure everything lines up?

    I’ve got a number of columns which restricts the width and there are more content in some boxes than others which pushes the lines out.

    Example page: http://etool.net.au/consultation/fee-structure/

    Is there any way to force this to be inline?

    Thanks, Siobhan

    #130215

    Hi,

    You can specify a uniform height for each list. Add this on your custom.css or Quick CSS

    .main_color .pricing-table>li:nth-child(odd) {
    height: 60px;
    }

    .main_color .pricing-table>li:nth-child(even) {
    height: 60px;
    }

    Regards,

    Ismael

    #130216

    Hi Ismael,

    Thanks a lot for the CSS – it worked really well. I just changed it to 90px for some bigger tables I made.

    For a couple of my tables, there are more lines in column one than two and three, so the last two columns aren’t closed off. What can I do to fix this?

    http://etool.net.au/software/subscriptions/open-use/

    Also when I create my tables, I can centre the text horizontally but not vertically in each line. Is there some CSS I can use the get the text to be centred in each box?

    Thanks! Siobhan

    #130217

    Hey!

    Try following css code to add a bottom border to the table.

    .pricing-table {
    border-bottom: 1px solid;
    }

    Best regards,

    Peter

    #130218

    Hi Peter,

    Thanks for the code. I’ve just tried it and it didn’t seem to change the bottom border.

    http://etool.net.au/software/subscriptions/assessor-pro/

    http://etool.net.au/software/subscriptions/assessor-lite/

    Is there something else I could try?

    Thanks, Siobhan

    #130219

    Hi Siobhan,

    Looking at the site now the 1px border on the bottom is showing for me. Maybe it was just a local cache issue and yours hadn’t updated yet.

    Regards,

    Devin

    #130220

    Hi Devin,

    Yes, thanks it’s working now.

    I would also like to center the text vertically in each row/column and used the following CSS but it didn’t seem to work –

    }

    .pricing-table > li {

    position: relative;

    text-align: center;

    vertical-align: middle;

    }

    Is there another way to do this in CSS?

    Thanks, Siobhan

    #130221

    Unfortunately that is a bit of a trick with css. You can try applying this tip from css-tricks: http://css-tricks.com/vertically-center-multi-lined-text/

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Lining Up Table Lines & Content’ is closed to new replies.