Formatting table header and first column

  • Resolved mish99

    (@mish99)


    5 years, 5 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)

    5 years, 5 months ago

    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)

    5 years, 5 months ago

    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)

    5 years, 5 months ago

    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)

    5 years, 5 months ago

    Thank you!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 5 months ago

    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.