Different Header Color and Column Color

  • Resolved VMui

    (@vmui)


    7 years, 9 months ago

    Hi Tobias!

    I’m having difficulty changing the header color in my table. I also need the columns to be in a different color from header. I’m using these codes but didn’t work, I can either change header color, or change column colors, but not both.

    Tried utilized the !important as well…any thoughts?

    .tablepress-id-149 .column-2 {
    background-color: #ADF499;
    }

    .tablepress-id-149 .column-3 {
    background-color: #eee6ff;
    }

    .tablepress-id-149 thead th,
    .tablepress-id-149 tfoot th {
    background-color: #d9edf7 !important;
    }

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is a rare case where the order of the code might play a role.
    Can you try again with

    
.tablepress-id-149 thead th,
.tablepress-id-149 tfoot th {
  background-color: #d9edf7;
}
.tablepress-id-149 .column-2 {
  background-color: #ADF499;
}
.tablepress-id-149 .column-3 {
  background-color: #eee6ff;
}

    This should first set the header row and then the columns. If you want to change the columns without (again) changing the header, use it like`
    .tablepress-id-149 tbody .column-3 {

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Different Header Color and Column Color’ is closed to new replies.