Alignment of Image and Text in Table Block

  • Resolved heinelg

    (@heinelg)


    4 years, 1 month ago

    I inserted inline images in a table block for the first time and found that the images in a row appear to be top aligned and that the text in the rest of the row appears to start at the bottom of the image. I’d like everything in a row to be top aligned – how can I accomplish this?

    Thanks!

    • This topic was modified 4 years, 1 month ago by heinelg.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @heinelg,

    This issue is caused by your theme specifying the tables to vertical-align: baseline, which means that the text will align with the bottom of the row.

    Please add one of the following pieces of CSS code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:

    To align text in the middle of the row:

    /* Align table text in the middle of the row */
#content table tr td {
	vertical-align: middle;
}

    To align text at the top of the row:

    /* Align table text at the top of the row */
#content table tr td {
	vertical-align: top;
}
    Thread Starter heinelg

    (@heinelg)

    Thanks @nm1com, that’s easily done.

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alignment of Image and Text in Table Block’ is closed to new replies.