Change column widths of multiple table

Hi,

thanks for your question!

That’s pretty easy in this case: Just copy/paste that code into the “Custom CSS” textarea and adjust the table ID in the copied code. Make sure to adjust the code for the number of columns (if the tables have a differert number of columns).

Another idea (helpful if the tables all have the same structure) would be to make use of an “Extra CSS class”. Just give that (the same one) to each desired table on the table’s “Edit” screen (e.g. something like “tablepress-tables-4-columns”). Then, you’ll only need the “Custom CSS” code

.tablepress-tables-4-columns .column-1,
.tablepress-tables-4-columns .column-2,
.tablepress-tables-4-columns .column-3,
.tablepress-tables-4-columns .column-4 {
  width: 150px !important;
}

without having to copy/paste/extend that every time there’s a new table with that structure.

Regards,
Tobias

The “Extra CSS Class” did the trick. Thank you Tobias!

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!