Support » Plugin: TablePress » How to change width on multiple columns

  • Resolved kams01

    (@kams01)


    I have 2 tables on our page, both are as wide as the theme would allow and they look bad. I tried width: auto; and it shrinks it so much that the Date column wraps the date.
    I have tried fixed PX widths and it would only adjust 1 column, not both. Would like the table to be thinner, maybe even have both side by side. Thanks!

    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.

    To achieve that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-2,
    .tablepress-id-3 {
    	width: auto;
    }
    .tablepress-id-2 .column-1,
    .tablepress-id-3 .column-1 {
    	width: 200px;
    }

    In addition, please uncheck the “Use DataTables” checkbox on the “Edit” screen of table 3.

    Regards,
    Tobias

    Thread Starter kams01

    (@kams01)

    Excellent, thanks!

    any way to have these tables side by side?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    for that, you could simply use the “Columns” block in the Block Editor, when editing the page. Then, just move the “Shortcode” blocks to different columns.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change width on multiple columns’ is closed to new replies.