---
title: "How to change the color of the table header"
slug: "how-to-change-the-color-of-the-table-header"
description: "In Document360, You can change the table header color to increase the visibility of the header row. "
tags: ["Customization"]
updated: 2026-03-10T04:32:18Z
published: 2026-03-10T04:32:18Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to change the color of the table header

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** (<nor class="fa-solid fa-gear" data-tomark-pass=""></nor>) > **Knowledge base site** > **Site customization** > **Custom CSS & JavaScript** in the Knowledge base portal.

![Site customization options for branding, including CSS, JavaScript, and theme settings.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&amp;%20js.png)
2. From the left navigation pane, click on the **CSS**tab and paste the following CSS snippet:

Knowledge base site 1.0Knowledge base site 2.0

```css
table th{
background: #70db70; 
}
```

```css
.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**.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766927574932.png)

### Outcome

#### Before

By default, the table header appears as below.

![2_Screenshot-Before_table header_color.png](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-Before_table%20header_color.png)

---

#### After

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

![3_Screenshot-After_table header_color.png](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/3_Screenshot-After_table%20header_color.png)