imjeffw

Ich wohne im Berlin seit 3 jahre aber mine Deutsch ist ganse slechet!
You’re 2 for 2 thanks for the quick reply. The Extra CSS class addition is a great touch. thanks for the suggestion.

I read the documentation on CSS selectors but I’m a little unclear on how to target the descriptions of the tables with the extra class or how to incorporate the <span> tag. Would you please provide an example? I setup my extra class as, “wp-table-reloaded-music”

Thank You,
Jeff

Hi Tobias, veilen dank! Es funcioniert! (I sure the spelling and grammar is off but I try …everyday)

I encountered a new issue though one that I fear will be more difficult to solve. I am using table id specific CSS styling but found that several text-align properties are being carried over to columns in different tables. I’m running on a local server so all I can do is provide the CSS.

here is one example-
The problem is with column 4 between table 16 & 17
the text-align-right from table 17 is being applied to column 4 of table 16. If I code the align left with !important, it fixes the problem in table 16 but then aligns column 4 of table 17 to the left.
CSS below

.wp-table-reloaded-id-16 .column-2, .column-4, .column-6 {
     text-align: left;
}
.wp-table-reloaded-id-17 .column-1, .column-4 {
     text-align: right;
}

below is the complete table styles (If you know a better way to code the multiple selectors I would welcome your suggestions)

another problem is with column 3 of tables 2-15. It’s not centering, it is alining to the right due to the alignment properties from table 17

Complete CSS

.wp-table-reloaded, .wp-table-reloaded td, .wp-table-reloaded th {
   border: none!important;
   border-collapse: collapse!important;
   border-spacing: 0px!important;
}
.wp-table-reloaded, .wp-table-reloaded td {
    height: 50px;
    vertical-align:middle;
}
.wp-table-reloaded th {
background-color: #F4F4F2!important;
}
.wp-table-reloaded th, .wp-table-reloaded .sorting {
   font-size: 9px!important;
   font-style:italic!important;
   font-weight:lighter!important;
   color: #333;
}
.wp-table-reloaded tr td {
  background-color: #F4F4F2!important;
}
.wp-table-reloaded-id-1 .column-1 {
     text-align: right;
}
.wp-table-reloaded-id-1 .column-2 {
     text-align: left;
}
.wp-table-reloaded-id-2 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-3 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-5 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-6 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-7 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-8 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-9 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-10 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-11 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-12 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-13 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-14 .column-1, .column-2, .column-3,
.wp-table-reloaded-id-15 .column-1, .column-2, .column-3 {
     text-align: center;
}
.wp-table-reloaded-id-2 .column-1,
.wp-table-reloaded-id-3 .column-1,
.wp-table-reloaded-id-5 .column-1,
.wp-table-reloaded-id-6 .column-1,
.wp-table-reloaded-id-7 .column-1,
.wp-table-reloaded-id-8 .column-1,
.wp-table-reloaded-id-9 .column-1,
.wp-table-reloaded-id-10 .column-1,
.wp-table-reloaded-id-11 .column-1,
.wp-table-reloaded-id-12 .column-1,
.wp-table-reloaded-id-13 .column-1,
.wp-table-reloaded-id-14 .column-1,
.wp-table-reloaded-id-15 .column-1 {
      font-size: 15px;
      font-weight: bold;
}
.wp-table-reloaded-id-2 .column-4,
.wp-table-reloaded-id-3 .column-4,
.wp-table-reloaded-id-5 .column-4,
.wp-table-reloaded-id-6 .column-4,
.wp-table-reloaded-id-7 .column-4,
.wp-table-reloaded-id-8 .column-4,
.wp-table-reloaded-id-9 .column-4,
.wp-table-reloaded-id-10 .column-4,
.wp-table-reloaded-id-11 .column-4,
.wp-table-reloaded-id-12 .column-4,
.wp-table-reloaded-id-13 .column-4,
.wp-table-reloaded-id-14 .column-4,
.wp-table-reloaded-id-15 .column-4 {
     text-align: left;
}
.wp-table-reloaded-id-16 .column-1, .column-3, .column-5 {
     text-align: right;
}
.wp-table-reloaded-id-16 .column-2, .column-4, .column-6 {
     text-align: left;
}
.wp-table-reloaded-id-17 .column-1, .column-4 {
     text-align: right;
}
.wp-table-reloaded-id-17 .column-3, .column-6 {
     text-align: left;
}
.wp-table-reloaded-id-17 .column-2, .column-5 {
     text-align: center;
}