How to change the color of the table header?

Prev Next

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






You can change the table header color to improve the visibility of the header row. Follow the below steps to change the table header color across the knowledge base.

Solution

  1. Navigate to Settings () > Knowledge base site > Customize site > Custom CSS & JavaScript in the Knowledge base portal.

  2. From the left navigation pane, click on the CSS tab and paste the following CSS snippet:

table th{
background: #70db70; 
}
.editor360-table th {
  background-color: green!important; /*Change the color based on your requirement.*/
}
  1. Update the color as per your requirement.

  2. Click Save.

Outcome

Before

By default, the table header appears as below.

2_Screenshot-Before_table header_color.png


After

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

3_Screenshot-After_table header_color.png