Increasing font size in one column raises text in other columns

  • Resolved jamminjames

    (@jamminjames)


    5 years, 4 months ago

    Increasing the font size in one column via CSS raises the text in other columns, like the cells are all aligned top, instead of bottom. I tried this:

    .tablepress .row-1 {
    vertical-align: baseline;
    }

    …but that doesn’t work. How can we align the row text to baseline or bottom? Shouldn’t that be the default?

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    By default, the cell content is top-aligned.

    To align it to the bottom (in a single row), please use

    .tablepress-id-123 .row-1 td {
  vertical-align: bottom;
}

    Note: If your row 1 is the header row, use th instead of td.

    Regards,
    Tobias

    Thread Starter jamminjames

    (@jamminjames)

    Okay, thanks!

    Thread Starter jamminjames

    (@jamminjames)

    Okay.

    • This reply was modified 5 years, 4 months ago by jamminjames.
    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Increasing font size in one column raises text in other columns’ is closed to new replies.