Attempting to decrease table width

  • Resolved mtrivette

    (@mtrivette)


    6 years, 3 months ago

    I know this has been covered before and I’m attempting to decrease the table width to make all of the columns (13 total) fit on the page. I tried the following code in the custom CSS and unfortunately it didn’t work.

    .tablepress-id-58 {
    width: auto;
    }

    Anyone have any suggestions? Thanks!

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

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I’m afraid that won’t work like that. The content in your table (especially the table header cells) simply require more width (mainly caused by the long word “(Recommended)”). This long word determines the minimum width of the column.

    You could gain a little bit of space by reducing the padding (inner white space in the table cells) by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress thead th {
  padding: 6px 20px 6px 6px !important;
}
.tablepress tbody td {
  padding: 6px !important;
}

    Other than that, I can only suggest to remove the word “(Recommended), or make the table horizontally scrollable, using the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Attempting to decrease table width’ is closed to new replies.