Support » Plugin: TablePress » Vertical Align in combined image and text in 1 cell

  • Resolved alhamdiahzan

    (@alhamdiahzan)


    Hi Tobias 🙂

    I know I’m total noob for this, but I need your help :))
    Can you please help me, how to adjust vertical align in cell which has image and text? I had CSS that globally adjusted all the cells, and all the contents should be in the middle.

    .tablepress-id-1 thead th,
    .tablepress-id-1 tbody td {
    	vertical-align: middle;
    }

    But when I put an image together with the text in 1 cell, the text seems like aligned at the bottom (inlined at the bottom line of the image itself).

    How to make the text vertically aligned at the middle (of the image)?

    Regards 🙂

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    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

    Hi Tobias

    Unfortunately, I created my page in offline mode. But I create a new one as sample page, and it might representate what I talked about.

    Test Page

    Thank you…

    • This reply was modified 5 months, 4 weeks ago by  alhamdiahzan.
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link! The reason for this is the image, which has it’s own implications on the alignment. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress img {
        vertical-align: middle;
    }

    Regards,
    Tobias

    Oh yes, it works!
    Thank you 😀

    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 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.