[Plugin: WP-Table Reloaded] Individual Column Centering

Hi,

thanks for your question.

This is possible with some CSS code like this:

.wp-table-reloaded-id-123 .column-4 {
  text-align: center !important;
}

This will center the text in column 4 of table ID 123.

To center several columns in one table at the same time, use this structure:

.wp-table-reloaded-id-123 .column-2,
.wp-table-reloaded-id-123 .column-4,
.wp-table-reloaded-id-123 .column-8 {
  text-align: center !important;
}

Just adjust that to your table/column as necessary and paste the code into the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.

Best wishes,
Tobias

Hi,

thanks for your post.

In your “Custom CSS”, there’s only a command to center the contents of column 4, and that is working as intended. You simply have not added a command for column 3, which is why it is not sorted.

Another thing though: The Custom CSS that you added for the column widths is wrong.
Please replace this block:

.wp-table-reloaded-id-1 {
.column-1 {width: 20%;}
.column-2 {width: 40%;}
.column-3 {width: 10%;}
.column-4 {width: 30%;}

with this:

.wp-table-reloaded-id-1 .column-1 {width: 20%;}
.wp-table-reloaded-id-1 .column-2 {width: 40%;}
.wp-table-reloaded-id-1 .column-3 {width: 10%;}
.wp-table-reloaded-id-1 .column-4 {width: 30%;}

Best wishes,
Tobias

Hi,

awesome, very nice! Thanks for the confirmation!

Best wishes,
Tobias