.wp-table-reloaded: can not change column width

1. Assuming your table-id is one (1), then add this following code to your “Custom CSS” in “Plugin Options” of that plugin:

.wp-table-reloaded-id-1 .column-2 {
  width: 55px;
}

2. In order to specify the certain table (not for all tables), you need to add the id table prefix (-id-1) to the related css (see the code above).

Hi,

this basically happens, because the text/content in your table cells (especially the header cells) is longer than the width that you are trying to set.
It is not possible to make the cells smaller than as the content in the cells requires.

Best wishes,
Tobias

but i’m trying to widen the columns, how can one widen the columns manually!?
i do not want to depend on auto width. i like more margin space all around on my designs. i also want different width per column set by me.

1. how and exactly where do i input which code?!
2. how do you force-return words in table? i.e. i want a carriage return after certain words, not depend on auto-hyphenation.
3. how do you color certain words or format text within a cell?

thanks,
rolf

Hi Rolf,

I understand, but the problem is that there is no free space available that you can give to the cells! If you make one column wider, the others have to shrink (because the overall width of the table is already fixed). But that is not possible because the other cells are already at their minimum…

Regarding the individual questions:
1. You need to use “Custom CSS” code, which goes into the “Custom CSS” textarea on the “Plugin Options” screen.
2. You will need to do this on the “Edit” screen. Just press enter after the desired word and a line break will be added.
3. For this, please take a look at the FAQ page at https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/, especially the question “How can I highlight certain cells or their content?”.

Regards,
Tobias