WordPress.org

1. ronblaisdell
   Member
   Posted 1 year ago #

   Here is my sample page:
   http://www.advancedsolarphotonics.com/table-testing/

   Trying to center the contents of column 2 on rows 3-5.

   Custom CSS is:
   

   .wp-table-reloaded-id-1 .row-3 .column-2 td,
   .wp-table-reloaded-id-1 .row-4 .column-2 td,
   .wp-table-reloaded-id-1 .row-5 .column-2 td{
   text-align:center!important;
   }
   
   .wp-table-reloaded-id-1 .row-2 td{
   text-align:center!important;
   font-weight:bold!important;
   }

   Any ideas?

   Thanks,
   Ron Blaisdell

2. TobiasBg
   Member
   Posted 1 year ago #

   Hi Ron,

   please try this:
   

   .wp-table-reloaded-id-1 .row-3 .column-2,
   .wp-table-reloaded-id-1 .row-4 .column-2,
   .wp-table-reloaded-id-1 .row-5 .column-2 {
     text-align:center!important;
   }
   
   .wp-table-reloaded-id-1 .row-2 td{
     text-align:center!important;
     font-weight:bold!important;
   }

   The td after the column selector is too much. The column part itself is a class of the tds already, so you don't need it again. Only if there is no column selector in the CSS (like in the second part of your code), it is necessary.

   Best wishes,
   Tobias

3. ronblaisdell
   Member
   Posted 1 year ago #

   Thanks -- worked like a dream.

   I had a feeling it was something "simple"!

Topic Closed

This topic has been closed to new replies.