Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 18, 2016 at 3:25 pm #725839
    Glyphism

    Dear Enfold masters,

    I have a page with a series of 3 column tables on it, created using the table element in Enfold. However, I am finding that the alignment between the table columns is random and inconsistent, which makes the page very messy.

    Is there a way to ensure that the table columns can remain aligned down the page? I have tried everything and I am at a loss as to how to do it. Any guidance is appreciated. I have included a private link to the

    Thanks,
    G

    December 18, 2016 at 5:14 pm #725851
    Basilis

    Hi Glyphism!

    Have you tried to align the tables content?
    If not, the other solution is to actually add a width to each of the columns, with a :nth selector and target the columns and add a specific column size.

    Thank you

    Cheers!
    Basilis

    December 20, 2016 at 4:48 am #726389
    Glyphism

    Hi Basilis, how do you mean to align the table content? I’m not sure how to do this. They are just seperate tables as you can see and there does not appear to be any alignment options.

    Adding a width to each column might work. How would this actually be done? I can see that I can add a width to the “first child” column, but not to the other two columns?

    • This reply was modified 8 years ago by Glyphism.
    December 22, 2016 at 11:56 pm #727714
    Nikko

    Hi,

    You can use this for the 2nd column:

    .page-id-3006 tr td:nth-child(2n) {
    width: 20% !important;
}

    and this one for the last column:

    .page-id-3006 tr td:last-child {
    width: 20% !important;
}

    HOpe this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.