Hi,
thanks for your question, and sorry for the trouble.
Yes, this should work, but you’ll probably need to target the table cells td directly. Also, you should add the table ID to the selector here, as you don’t want this on all tables. If text-bottom does not work, you can also try bottom.
.tablepress-id-123 td {
vertical-align: text-bottom;
}
Regards,
Tobias
Hmm I can’t seem to get it to work, maybe it’s already bottom aligned but looks off cuz of the different font sizes? Here‘s a photo of my issue.
The first two columns are 3em, rest is 2em.
Hi,
this is an interesting problem…
My assumption here is that the cells are treated as independent units, i.e. one cell does have no “relationship” with the other cells in the row. Cells just don’t know what or where the content/text is in the neighbor cells.
One workaround could be to wrap the content in the first four columns in extra <span> containers. Then, you could give those containers the same height via CSS (a few pixels more than the current text height in the first two columns), and align the text to the bottom of those containers. Just an idea though…
Regards,
Tobias
I’ll try it out. How do I add spans, and extra classes for that matter, to cells? I saw the ‘extra css classes’ field under table options, but not sure how to use it.
Hi,
to add the spans, just type them as HTML code into the cells. For CSS classes (for the spans), it’s same, just add them as HTML:
<span class="my-span">cell content</span>
The “Extra CSS Classes” field can be used to add extra CSS classes to the actual <table> element, so that’s not useful here, as you need to target the content of individual cells.
Regards,
Tobias
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
