How To Remove Alternating Colors On Table Rows? Tried Several Things.

Hello.

I am trying to remove the alternating dark and light colors on table rows.

I have tried the following by looking on the forums and flushing my cache but still to no avail:

.main_color .pricing-table > li:nth-child(2n) {
color: inherit !important;
}

or

.pricing-table > li{
color: #000 !important;
}
.main_color .pricing-table > li:nth-child(2n) {
color: #000 !important;
}

or

.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
color: inherit!important;
}

or

.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: white;
}

or

td { padding-top: 2px; padding-bottom: 2px; }

or

tr:first-child th, tr:first-child td, tr th:first-child, tr td:first-child, td, tr { border: none; }

End of line.

All of this has not worked and I was just wondering if there is something new I need to put in there in order for it to stop alternating different colors?

All I have in the Quick CSS section at the moment is this:

td { padding-top: 2px; padding-bottom: 2px; }

And that is for eliminating the spaces between the lines which works perfectly.

Thank you and look forward to your response.

• This topic was modified 9 years, 9 months ago by Astrongtower.