Overide odd row shading on 19th column only

  • 1
  • Question
  • Updated 3 years ago
  • Answered
  • (Edited)
I have the following inline CSS:

.nx-skootable-data tbody tr td:nth-child(19) {
background-color: #ADADAD;
}

.nx-skootable-data th:nth-child(19) {
background-color: #ADADAD;
}

It works, except that the odd rows are being shaded based on my theme template. Is there a way to override the odd row shading shading on just the 19th column?
Photo of Brayden Smith

Brayden Smith

  • 1,078 Points 1k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Thimo

Thimo

  • 1,280 Points 1k badge 2x thumb
It seems, that the theme is still overriding your style.

I could get it working by adding !important.

.nx-skootable-data tbody tr td:nth-child(19), .nx-skootable-data tr th:nth-child(19) {     
  background-color: #adadad !important; 


note: If you want it on the 19th row you'd need to change the selector to this: 


.nx-skootable-data tbody tr:nth-child(19) td {     
  background-color: #adadad !important;