customize tables

Hey sitibus,

Is the link you provided from your site or just an example? If not, please provide a link to your site so we can see your tables.

Best regards,
Jordan Shannon

Hi,

Thanks for clarifying. Add this to quick css:

.avia-table-2 .avia-center-col .avia-heading-row:nth-of-type(1){
background:#31a2ac!important;
}

.avia-table-2 .avia-center-col .avia-heading-row:nth-of-type(2){
background:#af1c1c!important;
}

Best regards,
Jordan Shannon

Hi,

Please add my quick css to the very top of your code so it runs first and be sure to clear your cache a few times over. It should work.

Best regards,
Jordan Shannon

Hi,

I adjusted the code to the following and should work, there was a “.” missing in front of the class:

.avia-table-2 .avia-center-col .avia-heading-row:nth-of-type(1){
background:#31a2ac!important;
border-color:#31a2ac!important;;
}

.avia-table-2 .avia-center-col .avia-heading-row:nth-of-type(2){
background:#af1c1c!important;
border-color:#af1c1c!important;
}

Best regards,
Jordan Shannon

Hi,

So you want all tables to have the same color scheme? I can make the CSS more general, but I just need to know if want all the table headings to match.

Best regards,
Jordan Shannon

Hi,

Thanks for clearing that up. Add this to quick css:

.pricing-table.avia-center-col .avia-heading-row:nth-of-type(1){
background:#31a2ac!important;
border-color:#31a2ac!important;
}

.pricing-table.avia-center-col .avia-heading-row:last-child{
background:#af1c1c!important;
border-color:#af1c1c!important;
}

Best regards,
Jordan Shannon

Hi,

I’m glad I was able to help. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon