---
title: "How to change the color of Feedback buttons"
slug: "how-to-change-the-color-of-feedback-buttons"
description: "How to change the color of Feedback buttons?"
tags: ["Knowledge base design", "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 Feedback buttons

The color of the feedback buttons at the article bottom remains grey when you do not hover them. You wish to change and customize the feedback buttons' default color. Perform the following steps to configure the default color of the feedback buttons.

---

## 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 including CSS, JavaScript, and theme settings for a knowledge base.](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
.article-vote-container .actions .btn.yes i {
    background-color: #5ebf83;
    color: white;
}
.article-vote-container .actions .btn.no i {
    background-color: #e67367;
    color: white;
}
.article-vote-container .actions .btn.yes {
    color: #5ebf83;
}
.article-vote-container .actions .btn.no {
    color: #e67367;
}
```

> [!NOTE]
> ** NOTE
> 
> - **.btn.yes i**- Background color of the "Yes" (Thumbs up) button.
> - **.btn.yes i**- Color for the word "Yes".
> - **.btn.no i**background color - Background color of the "No" (Thumbs down) button.
> - **.btn.no**- Color for the word "No".
> - **color**- Border color of the button.

```css
.article-feedback-action{
  button[aria-label="Yes"]{
    background-color: #5ebf83;
    color: white;
  }
  button[aria-label="No"]{
    background-color: #e67367;
    color: white;
  }
}
```

1. Update the color codes as per your requirements.

1. Click **Save**.

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

---

### Outcome

#### Before

The color of the feedback buttons appears grey when you aren't hovering over them.

![Overview of Document360 with applied CSS code for the like and dislike buttons in the knowledge base site.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-Color_of_feedback_button_before_applying_CSS.png)

---

#### After

After applying the provided CSS code, the feedback buttons will display in the specified color.

![Overview of Document360 with related articles and helpful resources displayed on the page.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/3_Screenshot-Color_of_feedback_button_after_applying_CSS.png)