How to create middle-aligned (vertically centered) text in free Tablepress?

  • Resolved ndfightingsue

    (@ndfightingsue)


    4 months, 1 week ago

    I have some Tablepress tables created in the free version, and the default vertical text align in the cells must be the top of each cell. However I’d like to align all text in all cells in the table so it is middle aligned or vertically centered. Is there a way to do that? I’m not a CSS wizard, and I didn’t see any mention of this vertical alignment in the documentation or FAQ. Any help would be appreciated. Thanks!

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

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    Changing the vertical alignment to “middle” for all tables and table cells at once is possible with some CSS code. For that, please add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress>:not(caption)>*>* {
      vertical-align: middle;
    }

    Regards,
    Tobias

    Thread Starter ndfightingsue

    (@ndfightingsue)

    Thanks very much, Tobias! You’re the best, and I appreciate your excellent support and plugin!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi @ndfightingsue,

    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 in the plugin directory. Thanks!

    Thread Starter ndfightingsue

    (@ndfightingsue)

    Left you a positive review there just now. Thanks.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    Thanks, I really appreciate it!

    Best wishes,
    Tobias

    seelyburg

    (@seelyburg)

    Hi Tobias- Even more of a newbie here. I installed your TablePress plug, followed your steps, above, including adding .tablepress>:not(caption)>*>* {
    vertical-align: middle;
    }

    and saving it, but it did not centerl position of all of the rows in my tables. In editing mode they all appear to be centered but then when I publish it, the first two columns seem be “centered,” but the third column (with an image) seems to aligned “top” I used the insert in line image command to put a thumbnail size Image in the cell. I bet it’s something embarrassingly basic. Thanks for any suggestions you may have.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    for inserting images, it’s indeed possible that a different piece of code is needed. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.