Tablepress vertical alignment – bottom

  • Resolved puzzled434

    (@puzzled434)


    3 years, 10 months ago

    In order to vertical align contents at the bottom of rows I’ve entered this CSS code in the Plugin Options box:

    .tablepress-id-4 thead th,
    .tablepress-id-4 tbody td {
    vertical-align: bottom;
    }

    It works for the 1st but not 2nd row of middle column and not for last column. I’ve tried variations with .column-5 but it still doesn’t work.
    Please help!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The reason for this is that in the third column, you are using HTML <p> tags for that image label, whereas the other two columns use HTML links (the <a> tag). However, your theme gives <p> tags a bottom margin, so that the cell content seems to be “higher up” in the cell.
    You could either remove the <p> tags or add “Custom CSS” like

    .tablepress-id-4 p {
  margin-bottom: 0 !important;
}

    As for the second row: Technically, that’s working fine, it’s just that that row has a different cell padding, due to the other CSS that you added for this table.

    Regards,
    Tobias

    Thread Starter puzzled434

    (@puzzled434)

    Hi TobiasBg,

    Thank you very much for your very prompt help – and for your wonderful plugin!
    Now I understand the problem I solved it by adding a link to the contents of my last column so that it starts <a hhref= I’ve also added the Custom CSS as you suggested.

    What a relief!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Hello
    I have a similar problem

    in una column I insert images
    but in all others cells the text is aligned on the top of the cell
    I need that will be aligned in the middle

    How can I do?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress tbody td {
    vertical-align: middle;
}

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tablepress vertical alignment – bottom’ is closed to new replies.