Skip to main content
Nintex Community Menu Bar
Question

Css to change color of Picklist text in a specific column

  • July 10, 2024
  • 3 replies
  • 13 views

Forum|alt.badge.img+13

Hello,

I’m trying to get the text from picklist fields, to change color on a specific column via CSS

I tried with following css, to highlight  and it worked, the whole column was highlighted red, but my text disappeared…

table.nx-skootable-data tbody tr td:nth-child(4) {
    background-color: #f8f8f8;
}

I rather change color of text than highlight whole cell if possible

tried this , but text disappeared, as well

table.nx-skootable-data tbody tr td:nth-child(4) {
    background-color: #f8f8f8;
}

but not sure if I’m doing something wrong, or because it’s picklist…

Pls help


Thx




This topic has been closed for replies.

3 replies

Forum|alt.badge.img+18

Try this?

table.nx-skootable-data tbody tr td:nth-child(4) .nx-field {
    color: #f8f8f8;
}


Forum|alt.badge.img+13
  • Author
  • Scholar
  • July 10, 2024

Thank you Matt, that worked.

is there any way i can apply this only to a specific table?

As i did not assign a field rendered to any field, but now all tables show 1 column in red


Thx


Forum|alt.badge.img+17
  • Nintex Employee
  • July 10, 2024

Find the DOM Id that is assigned to the particular table you are after and add it to the beginning of your css statement.  Like this

#tableId table.nx-skootable-data tbody tr td:nth-child(4) .nx-field {
    color: #f8f8f8;
}