Formatting table header and first column

  • Resolved mish99

    (@mish99)


    4 years, 3 months ago

    Hello, brilliant plugin thank you

    I have followed the guidance to colour the first row of my table, because I only want to apply this to one table for now, I modified your code to this and it doesn’t work ??
    .tablepress-id-2 thead th,
    .tablepress-id-2 tfoot th {
    background-color: #00b2b2;
    color: #ffffff;
    }

    I also want to colour the first column and took a chance with this code. The font colour has changed, but not the background.

    .tablepress-id-2 .column-1 {
    background-color: #00b2b2;
    color: #ffffff;
    }

    Could you point me in the right direction, please?

    many thanks
    m

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    From what I can see, your theme also seems to be loading CSS code that influences TablePress. To override that, we need to use more specific CSS selectors. Please try using

    #content .tablepress-id-2 thead th,
#content .tablepress-id-2 tfoot th {
  background-color: #00b2b2;
  color: #ffffff;
}

    and

    #content .tablepress-id-2 .column-1 {
  background-color: #00b2b2;
  color: #ffffff;
}

    or even merge this to the shorter

    #content .tablepress-id-2 thead th,
#content .tablepress-id-2 tfoot th,
#content .tablepress-id-2 .column-1 {
  background-color: #00b2b2;
  color: #ffffff;
}

    Regards,
    Tobias

    Thread Starter mish99

    (@mish99)

    Thank you Tobias, I am sorry I didn’t come back to you sooner. I tried both the long and short version of the code. The text colour is white, but the row and column background colours are still the default colour for the table ??

    here’s the page link again

    https://customerexperienceconsultant.co.uk/?page_id=7018&preview=1&_ppp=a27a72ae00

    many thanks

    m

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    for me, the background color is the desired #00b2b2.
    Can you please try clearing the browser cache or force-reload the page (Ctrl+Shift+R)?

    Regards,
    Tobias

    Thread Starter mish99

    (@mish99)

    Thank you!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Formatting table header and first column’ is closed to new replies.