Tagged: ,

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


    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



    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;




    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?


    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



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

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

    Best regards,



    Hi Peter,

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



    Is there something else I could try?

    Thanks, Siobhan


    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.




    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


    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.