Can you please provide the CSS to target in quick CSS to make both the odd and even regular rows in a pricing table a specific color (#000 in my case). On my own, I can only change every other row.
Thank you.
Hey!
Try with this:
.pricing-table li:nth-child(odd) {
color: red !important;
}
.pricing-table li:nth-child(even) {
color: blue !important;
}
Best regards,
Josue
Thank you!
That changed everything, including the column heads and the price rows.
I was able to change the column heads back with this:
.first-table-item {
color: white !important;
}
But I was not able to recolor the pricing row with this. What did I get wrong?
li avia-pricing-row {
color: white !important;
}
Hi!
You are missing a dot:
li .avia-pricing-row {
color: white !important;
}
Cheers!
Josue
Sorry, that was one of the variations I tried, to make it work, but with the dot as you wrote it doesn’t work either. I tried using just .avia-pricing-row, and li .avia-pricing-row, and some other permutations, but nothing seems to work on that row.
i see, try:
li.avia-pricing-row {
color: white !important;
}
.avia-pricing-row is the actual li, not a child of the li.
If that doesn’t work please post a link to the page.
Cheers!
Josue
Thank you for your quick replies. That didn’t work, but building on it, this did:
.avia-table li.avia-pricing-row {
color: white !important;
}
Glad you got it fixed :)
Regards,
Josue
Only with your help — thank you!