Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 28, 2015 at 12:15 pm #543928
    abortolotti

    Hi guys,

    I’m going crazy trying to align the first colum to the remaining two in the table you see on

    http://www.vacationrentalworldsummit.com/black-friday-2015/

    Is there a way to make sure all cells have the same size, regardless of content within, or how can I make sure the features I explain on the first column are aligned to the tick points in the next column?

    Thank you.

    Antonio

    November 28, 2015 at 5:26 pm #543950
    Elliott

    Hi Antonio!

    You have quite a bit of tables being used on that page. Take a screenshot and highlight the exact area your referring to.

    I think the CSS your wanting is this though.

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

    Best regards,
    Elliott

    • This reply was modified 8 years, 12 months ago by Elliott.
    November 28, 2015 at 8:57 pm #544001
    abortolotti

    Hi Elliot,

    Here it is:

    http://vrworldsummit2015.s3.amazonaws.com/misaligned%20table%20columns.png

    Thank you :)

    Antonio

    November 28, 2015 at 9:56 pm #544017
    Elliott

    Hi!

    Well, if you want them all to be the same height then you can set a minimum height to them with the CSS I posted above. It looks like the last column is three lines though so I would consider rephrasing it so it’s just two lines.

    Regards,
    Elliott

    November 28, 2015 at 11:34 pm #544036
    abortolotti

    Thank you so much Elliot!
    That fixes the issue.
    You can mark this as solved thanks!

    Antonio

    November 29, 2015 at 8:53 am #544094
    Rikard

    Hi Antonio,

    Great, glad we could help :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Unable to align table column’ is closed to new replies.