Align images within column

  • Resolved danniee

    (@danniee)


    8 years ago

    I LOVE this plugin. It’s exactly what I’ve been looking for and more! Thank you so much for a great job with this plugin <3

    I’m trying to align two images within a column so they are at level with each other, like horizontally. As for now when I add two images within a column, one image will be in the middle of the column and the other one will be at the bottom of the column so they are not horizontally aliged. I managed to make every other columns aligned horizontally with

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

    But for some reason two images in one column will not align.

    Thank you!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Tobias B?thge

    (@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

    Thread Starter danniee

    (@danniee)

    Yes of course

    Example

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the link! To vertically center the image, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress img {
  vertical-align: middle;
}

    Regards,
    Tobias

    Thread Starter danniee

    (@danniee)

    Thank you so much! <3 <3 <3

    Thread Starter danniee

    (@danniee)

    By the way, can I also align an image with text? They dont seem to be aligned ??

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    Do you mean e.g. the gift box in the second column? That’s not directly possible, as it’s higher than the text height. Sorry.

    Best wishes,
    Tobias

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

    Thread Starter danniee

    (@danniee)

    Ok, I appreciate the help. Again, amazing plugin! <3

    Thread Starter danniee

    (@danniee)

    Sorry to bother you again, but looking at this page, image and text seem aligned?

    • This reply was modified 8 years ago by danniee.
    • This reply was modified 8 years ago by danniee.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    this is what’s happening on your site as well. The image and the text are vertically centered. However, the image size (and position of the actual colored part) are slightly different, which can lead to this perceived misalignment.

    Regards,
    Tobias

    Thread Starter danniee

    (@danniee)

    I appreciate the quick response and excuse my ignorance. Thank you so much for the help.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    always happy to help! ??

    Best wishes,
    Tobias

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Align images within column’ is closed to new replies.