Table Header Colour

  • Resolved jfortune

    (@jfortune)


    4 years, 11 months ago

    I have tried as many ways I can think of of changing the colours of the header row of a particular 2-column table but none work. Can you tell me what is the correct code?

    Sorry if I’m being stupid. Thanks.

    .entry .tablepress thead th,
    .entry .tablepress tfoot th {
    background-color: #43ADBC;
    color: white;
    }
    /** From your FAQ but it doesn’t work. And also, how would I indicate which table with this code?

    .tablepress-id-19 .row-1 {
    background-color: #43ADBC;
    color: white;
    }
    /** !doesn’t work

    .tablepress-id-19 .row-1 .column-1 {
    background-color: white;
    color: black;
    }
    .tablepress-id-19 .row-1 .column-2 {
    background-color: white;
    color: black;
    }
    ?** !doesn’t work

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Normally,

    .tablepress thead th {
  background-color: #43ADBC;
  color: #ffffff;
}

    works (with the .entry at the beginning).

    If not, can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter jfortune

    (@jfortune)

    So if you have three tables on one page they all have to have the same header colour.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    yes, with this code, they would all have the same color. To change individual header rows, you can use

    .tablepress-id-123 thead th {
  background-color: #43ADBC;
  color: #ffffff;
}

    where the 123 has to be changed to the table’s ID.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table Header Colour’ is closed to new replies.