Hello,
and thanks in advance for your ongoing support.
I have a question: how do I manage to customize the colour of a table headers. I have made a few attempts, also seaching in the forum, but have not been able so far.
Many thanks.
Hi malkoin!
You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra { background-color: red; color: #ffffff;
border-color: red; }
Best regards,
Yigit
Hi Yigit,
thank you.
This would set the colour for the headers in any table across the website, right?
Then, is there a way to have different colours for the headers of different tables?
Hi!
Can you post the link to your page where you have table so we can inspect elements and provide you a more accurate CSS code?
Best regards,
Yigit
Hi!
It will affect all tables in the site, however you can filter which tables are affected by putting the page ID before the selector Yigit provided:
.page-id-3207 .main_color .pricing-table li.avia-heading-row, .page-id-3207 .main_color .pricing-table li.avia-heading-row .pricing-extra { background-color: red; color: #ffffff; border-color: red; }
Best regards,
Josue