How to change the color of Feedback buttons?
  • 03 Aug 2022
  • 1 Minute à lire
  • Contributeurs
  • Sombre
    Lumière
  • PDF

How to change the color of Feedback buttons?

  • Sombre
    Lumière
  • PDF

There is no French 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


Cet article vous a-t-il été utile ?