Column Width

  • Resolved erikbuchinger

    (@erikbuchinger)


    5 years, 2 months ago

    I’m trying to extend column widths on the tables on my site, and I have been using the instructions on the FAQ page that talks about adjusting column widths and nothing is changing even when I add the ID, column and width numbers to the Custom CSS. Any help would be appreciated.

    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)

    5 years, 2 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    What exactly are you trying to change regarding column widths in this table? Most likely, that simply won’t work as the table already is at its width limit, due to the content in it and the available screen space.
    (What I mean: If you want to make one column wider, another column has to shrink – which will however only be possible if the content in that column allows for that.)

    Regards,
    Tobias

    Thread Starter erikbuchinger

    (@erikbuchinger)

    5 years, 2 months ago

    Thanks for the quick reply. I want to make it so the bold headings on the top row can fit on one line instead of dropping to the second line, and it even drops to a 3rd line on mobile. It would likely need to have a scroll because as you said it would go off the available page space. If this isn’t possible, could I somehow make the fonts smaller?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 2 months ago

    Hi,

    got it! That will be possible! We’ll however not have to change column widths, but simply tell the browser to not automatically word-wrap these headings. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-308 thead th {
  white-space: nowrap;
}

    Regards,
    Tobias

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

The topic ‘Column Width’ is closed to new replies.