Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #195221

    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.

    #195297

    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

    #195671

    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?

    #196136

    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

    #196576
    This reply has been marked as private.
    #197132

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Table Headers customization’ is closed to new replies.