Column Width Code Not Working

  • Resolved ABk1

    (@abk1)


    1 year, 8 months ago

    Warm greetings,

    Was hoping to see if anyone might be able help with an issue with column width. I have a page which displays book and file downloads. Unfortunately, the column width for the description text is quite narrow. This results in each row being quite long. The page is here…

    https://dhammavinayapatipada.com/writings/

    Have tried the following code to fix the issue…

    .tablepress-id-2 .column-3 { width: 800px;}

    Have checked the box to load custom CSS. Unfortunately, there hasn’t been any effect.

    I use Tablepress for another page on my site. The description column on that page loads much wider. It is given here…

    https://dhammavinayapatipada.com/forest-carika-tudong-routes/

    Wondered if anyone might have any ideas on how to fix the issue? Also wondered if anyone might know why there’s a difference on the default column width for these two pages.

    With best wishes,

    ~Bhante Joe

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The reason for this essentially is that your table already is too wide for the screen and requires scrolling. The browser does then not really want to make the column even wider. To force it to, you’ll also need to set a minimum width. For that, please try again with

    .tablepress-id-2 .column-3 {
  width: 800px;
  min-width: 800px;
}

    On the other page, this is not necessary because the column there contains very long link URLs, which are treated as one very long word by the browser. These then make that column very wide already.

    Regards,
    Tobias

    Thread Starter ABk1

    (@abk1)

    Thank you for this quick reply. This solution worked very well. Much appreciated.

    Plugin Author TobiasBg

    (@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 ‘Column Width Code Not Working’ is closed to new replies.