WordPress.org

1. Rocket1j
   Member
   Posted 4 months ago #

   How can I have specific columns in a table to be centered?

   Thanks!

   http://wordpress.org/extend/plugins/wp-table-reloaded/

2. TobiasBg
   Member
   Posted 4 months ago #

   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

3. NeDragonlady
   Member
   Posted 4 months ago #

   Hi, I have tried this and my columns will not center. I succeeded in getting my top row to center but not the third and fourth columns. See page http://www.skuttcatholic.com/testing/guidance/scholarships-3/
   Thanks!

4. TobiasBg
   Member
   Posted 4 months ago #

   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

5. NeDragonlady
   Member
   Posted 4 months ago #

   Thank you! That did it. I love this plugin!

6. TobiasBg
   Member
   Posted 4 months ago #

   Hi,

   awesome, very nice! Thanks for the confirmation!

   Best wishes,
   Tobias

Reply

You must log in to post.