ID for each column in a table

if you look at the source code the pricing tables aren’t real tables they are unordered lists
each column of a pricing table got his own ul – so it must be possible to select them via nth-child option f.e.

.pricing-table-wrap:nth-child(2) {
    color: #009;
    font-weight: bold;
}

BUT
the rules to colorize the prizing tables are set through enfold the same way – and i think quick css does not overwrite these rules accept we set those rules to default color first.
If you don’t like to change every table on your site it is best to give the pricing table you want to change a custom class f.e. rawtable
than you can set the font colors to default to have the chance to change them:

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

after that you can change color of font (headings have their own rule – so from this it is not touched)

.rawtable .pricing-table-wrap:nth-child(1) {
    color: #900 !important;
}
.rawtable .pricing-table-wrap:nth-child(2) {
    color: #090 !important;
}
.rawtable .pricing-table-wrap:nth-child(3) {
    color: #009!important;
}

if you have more than a few columns and want to change f.e. every second column :

.rawtable .pricing-table-wrap:nth-child(2n) {
    color: #090 !important;
}

• This reply was modified 8 years, 2 months ago by Guenni007.

and what do you want to colorize now?

erase my code above and put in f.e.:

.forsikring_priser .pricing-table-wrap:nth-child(2) .pricing-table li:nth-child(4) {
    color: #f00;
}

you see how it works
this was the 2nd column and in that 2nd column the 4th list point

and :

.forsikring_priser .pricing-table-wrap:nth-child(3) .pricing-table li:nth-child(3) strong {
    color: #63b5be !important;
}

without strong – the stong rule would not be overwritten
so 3rd column 3Listpoint (and strong to overwrite here the general strong rule)

First of all – my code above was an example because you did not say what to change! btw: my code is not in your source code!

.forsikring_priser .pricing-table-wrap:nth-child(1) li.avia-heading-row,
.forsikring_priser .pricing-table-wrap:nth-child(1) li.avia-button-row a {
    background-color: #d04372;
}

.forsikring_priser .pricing-table-wrap:nth-child(3) li.avia-heading-row,
.forsikring_priser .pricing-table-wrap:nth-child(3) li.avia-button-row a {
    background-color: #87c7ab;
}

for each column 1, 2, 3 see in nth-child(1)