Font color being overrided

  • Resolved savingyourtail

    (@savingyourtail)


    1 year, 8 months ago

    I’m trying to change the font color of a column. The code to do so (below) seems straightforward, yet it’s not taking effect. When I open the page, I briefly see the header of that column flash green (the desired result), but then it quickly reverts back to black. The other text in that column below the header remains black.

    My first question is how to fix this so that the column turns to the color below. My second, related, question is: is it possible to make all text in that column -except- the header change color to the color below? (In other words, all $’s in that column show up in green font except the “Est. Value” text.) Thanks.

    .tablepress-id-2 .column-2 {
    font-weight: bold;
    color: #3DC62F;
    }

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Essentially, this is because the CSS for the odd/even rows is overwriting this again. To increase the priority, please try with this:

    .tablepress-id-2 tbody .column-2 {
  font-weight: bold;
  color: #3DC62F !important;
}

    The !important flag will raise the priority. The extra tbody in the first line will result in these changes only being applied to the table body cells (but not the header row).

    Regards,
    Tobias

    Thread Starter savingyourtail

    (@savingyourtail)

    Perfect! Thank you.

    Plugin Author TobiasBg

    (@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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font color being overrided’ is closed to new replies.