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
  • 1 view
  • Translate

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




Did this topic help you find an answer to your question?
This topic has been closed for comments

3 replies

Forum|alt.badge.img+18

Try this?

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

Translate

Forum|alt.badge.img+13
  • Author
  • Scholar
  • 511 replies
  • 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

Translate

Forum|alt.badge.img+17
  • Nintex Employee
  • 3763 replies
  • 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;
}

Translate

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie Settings