Align Image with Text

  • Resolved tiger2deuce

    (@tiger2deuce)


    6 years, 1 month ago

    Hi Tobias,

    I am trying to create a table like this https://www.cbssports.com/college-basketball/teams/ or this https://www.espn.com/mens-college-basketball/teams.

    When trying to match the CBS table, if I try to enter the team image and team name in the same cell, they do not line up. The image is higher than the text.

    When trying to match the ESPN table, if I try to put the image and text in separate cells, I try to use #rowspan# for the image, but the image does not move.

    Is there a way to line up an image and text in the same cell? Or does the image need to be in a different cell than the text? If you could help me out I would appreciate it!

    Thanks,
    Kris

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    To achieve that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-Teams img {
    display: inline;
    vertical-align: middle;
}

    Regards,
    Tobias

    Thread Starter tiger2deuce

    (@tiger2deuce)

    Worked perfectly! Thanks so much!

    Plugin Author Tobias B?thge

    (@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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align Image with Text’ is closed to new replies.