How to change the color of the table header?
  • 03 Aug 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

How to change the color of the table header?

  • Dark
    Light
  • PDF

You would want to change the table header color to increase the visibility of the header row. Follow the below steps to change the table header color across the knowledge base.

Solution

  1. Go to SettingsKnowledge base siteCustom CSS & JavaScript, and Custom CSS tab is the default selection
  2. Paste the below snippet in the window
table  th{
background: #70db70;
}


  1. Update the color as per your requirement

In the above sample code, the color code is added as #70db70. You can change the color code as per your requirement.

  1. Click Save

Outcome

Before

By default, the table header appears as below.
9_Screenshot-Table_header_before


After

After configuring a custom CSS, the table header color is changed to green (#70db70).
8_Screenshot-Table_header_after


Was this article helpful?