Changue tabs color

Hi Tokyo!

Add this to your custom CSS.

#av_section_2 .pricing-table li.avia-pricing-row, 
#av_section_2 .pricing-table li.avia-heading-row, 
#av_section_2 .pricing-table li.avia-pricing-row .pricing-extra {
    background: orange;
    border-color: orange !important;
}
#av_section_3 .pricing-table li.avia-pricing-row, 
#av_section_3 .pricing-table li.avia-heading-row, 
#av_section_3 .pricing-table li.avia-pricing-row .pricing-extra {
    background: green;
    border-color: green !important;
}

Best regards,
Elliott

Hey!

You see the “av_section_2” in the CSS code?

#av_section_2 .pricing-table li.avia-pricing-row, 
#av_section_2 .pricing-table li.avia-heading-row, 
#av_section_2 .pricing-table li.avia-pricing-row .pricing-extra {
    background: orange;
    border-color: orange !important;
}

You need to copy that section and change the number to target each section like so.

#av_section_4 .pricing-table li.avia-pricing-row, 
#av_section_4 .pricing-table li.avia-heading-row, 
#av_section_4 .pricing-table li.avia-pricing-row .pricing-extra {
    background: orange !important;
    border-color: orange !important;
}

I changed it to 4 so it will now target the fourth color section in the page. Or you can edit each color section and give it a custom ID and use that instead.

#customID .pricing-table li.avia-pricing-row, 
#customID .pricing-table li.avia-heading-row, 
#customID .pricing-table li.avia-pricing-row .pricing-extra {
    background: orange;
    border-color: orange !important;
}

Cheers!
Elliott