WP-Table Reloaded: Centering data in columns

  • teachertrainer

    (@teachertrainer)


    13 years, 2 months ago

    Thanks, Tobias, for resolving my other issue regarding column width. All was as it should have been. I hired someone to do some work on the tables before, which was very different than what I’d asked for. I told them I had finished everything, and they misunderstood, and did additional things to my tables. I need the data centered. They left-justified all the information. How can I re-center the data?

Viewing 3 replies - 1 through 3 (of 3 total)
  • TobiasBg

    (@tobiasbg)

    13 years, 2 months ago

    Hi,

    centering the data in table cells works with “Custom CSS” code, which you need to enter into the “Custom CSS” textarea on the “Plugin Options” screen:

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

    Best wishes,
    Tobias

    alohavoya

    (@alohavoya)

    13 years ago

    how to you center the header row as well or make it consistent with the rest of this code?

    column one header should be right aligned and the rest of headers center aligned

    .wp-table-reloaded td {
  text-align: center;
}
.wp-table-reloaded .column-1 {
  text-align: right;
}

    thanks

    TobiasBg

    (@tobiasbg)

    13 years ago

    Hi,

    for the header row, you have to use “th” instead of “td” in the CSS, as header cells have a slightly different HTML markup.

    .wp-table-reloaded th {
  text-align: center;
}
.wp-table-reloaded th.column-1 {
  text-align: right;
}

    should thus to what you want.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WP-Table Reloaded: Centering data in columns’ is closed to new replies.