Revisiting an old thread

[lzevon]

I read https://kriesi.at/support/topic/pricing-table-different-colors-on-each-collumn-header/ and https://kriesi.at/support/topic/pricing-table-color/

I’m trying to change the colors of each of the column’s heading row, but all the rows live in the same table. I don’t see the capability to isolate a heading row, by ID or otherwise, so I’m not sure if this is even possible?

[lzevon]

bump

[lzevon]

If it’s not possible that’s OK, but can I please see a response for confirmation?

[Yigit]

Hey!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.page-id-182 .pricing-table-wrap:nth-child(3) li.avia-heading-row  { 
background: yellow;
}
.page-id-182 .pricing-table-wrap:nth-child(2) li.avia-heading-row, .page-id-182 .pricing-table-wrap:nth-child(2) li.avia-heading-row .pricing-extra {
    background: orange;
}
.page-id-182 .pricing-table-wrap:nth-child(1) li.avia-heading-row {
    background: red;
}

Cheers!
Yigit

[lzevon]

The best! Thank you!

[Author]

Posts