How to change the color of Feedback buttons?
  • 03 Aug 2022
  • 1 Minuut om te lezen
  • Bijdragers
  • Donker
    Licht
  • Pdf

How to change the color of Feedback buttons?

  • Donker
    Licht
  • Pdf

There is no Dutch content available for this article, You are viewing the fallback version (English).

You would want to change the color of the feedback buttons that appear at the article bottom. You can customize the button colors as per your requirement.


Solution

  1. Go to SettingsKnowledge base siteCustom CSS & JavaScript, and Custom CSS tab is the default selection
  2. Paste the below CSS snippet in the window
.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;
}

  1. Update the color codes as per your requirement
  • .btn.yes i - Color of the "Yes" (Thumbs up) button
  • .btn.yes - Color for the word "Yes"
  • .btn.yes i - Color of the "No" (Thumbs up) button
  • .btn.yes - Color for the word "No"
  1. Click Save

Outcome

Before

The feedback button's color remains grey when you don't hover it.
4_Screenshot-Feedback_color_before


After

The feedback button colors appear in the configured color when you don't hover it.
5_Screenshot-Feedback_color_after


Was dit artikel nuttig?