Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 18, 2013 at 5:43 am #26383
    siobhan13

    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

    July 18, 2013 at 11:28 am #130215
    Ismael

    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

    July 19, 2013 at 12:05 am #130216
    siobhan13

    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

    July 19, 2013 at 6:13 am #130217
    Dude

    Hey!

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

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

    Best regards,

    Peter

    July 22, 2013 at 1:39 am #130218
    siobhan13

    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

    July 23, 2013 at 2:16 pm #130219
    Devin

    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

    July 24, 2013 at 1:57 am #130220
    siobhan13

    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

    July 25, 2013 at 5:17 am #130221
    Devin

    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/

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Lining Up Table Lines & Content’ is closed to new replies.