Vertical alignment images

  • Resolved robhoe1965

    (@robhoe1965)


    3 years, 5 months ago

    I see I am not the first asking, but I just can make it work. I tried to align images at the bottom of the cells. I found this code. I changed middle to bottom, but it does not make a difference.

    .tablepress img {
    vertical-align: middle;
    }

    I want to do this for all tables, but I was also wondering if there is a setting to do this for an individual cell/row/column
    Thanks in advance tor the help.

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

    Thread Starter robhoe1965

    (@robhoe1965)

    I had to create it online first to show it to you??
    The picture should be at the bottom

    https://seacamel.com/staging/tablepress/

    I also checked the “Custom CSS”, but there are no other img settings
    brgs
    Rob

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Rob,

    thanks for the link!

    You will actually have to set the vertical alignment property of the table cell, and not the image. For that, instead of what you are using now, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-16 .row-2 td {
  vertical-align: bottom;
}

    Regards,
    Tobias

    Thread Starter robhoe1965

    (@robhoe1965)

    Hi Tobias,
    Flawless solution!
    Great service and thanks
    rgds
    Rob

    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)
  • The topic ‘Vertical alignment images’ is closed to new replies.