Hi,
thanks for your post, and sorry for the trouble.
My guess is that this CSS is not applied because the table is too wide already.
You might therefore have to define a minimum width in the CSS, by using
.tablepress-id-36 .column-19 {
min-width: 300px;
width: 300px;
}
Regards,
Tobias
hi @tobiasbg
please help if you can. i am having trouble with all my posts that have tables. particularly this one where the first column does not show up at all on mobile view: https://www.kinunplugged.com/african-baby-girl-names/
Hi engenderedconvos,
from what I can see, you are using a table block of the WordPress Block Editor. Unfortunately, I can’t really help with that, as its styling depends on your theme.
You might instead want to check out the TablePress plugin for this: https://ww.wp.xz.cn/plugins/tablepress/
Regards,
Tobias
Thanks so much for that. I have installed table press and changed my tables accordingly but the widths of some of the columns are shortened so that sentences are truncate. do you have any tips to help with this?
Hi,
I’m not sure that I understand. I don’t see truncated text. Or do you mean word-wrapping?
Regards,
Tobias
The words are broken and not on one line. I guess that is word wrapping
Hi,
yes, I see this happening in the second column. The reason for that simply is that there’s not enough space in the table for everything to be in one line of text.
Essentially, that’s because your page’s content area (defined by the theme) is rather small.
An easy fix could also be to change the “Baby Girl Name” in the table header row to something shorter, like just “Girl Name” or “Name”.
Regards,
Tobias
