Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Hoe verander je de kleur van feedbackknoppen?

Prev Next

Abonnementen die deze functie ondersteunen: Professional Business Enterprise

De kleur van de feedbackknoppen onderaan het artikel blijft grijs als je ze niet met de muis houdt. Je wilt de standaardkleur van de feedbackknoppen aanpassen en aanpassen. Voer de volgende stappen uit om de standaardkleur van de feedbackknoppen te configureren.


Oplossing

  1. Navigeer naar Instellingen () > Kennisbanksite > Site aanpassen > Aangepaste CSS en JavaScript in de Kennisbankportal.

    Site customization options including CSS, JavaScript, and theme settings for a knowledge base.

  2. Klik vanuit het linker navigatiepaneel op het CSS-tabblad en plak het volgende CSS-fragment:

.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;
}

OPMERKING

  • .btn.yes i - Achtergrondkleur van de "Ja" (duim omhoog) knop.

  • .btn.yes i - Kleur het woord "Yes".

  • .btn.no i achtergrondkleur - Achtergrondkleur van de "Nee" (duim omlaag) knop.

  • .btn.no - Kleur voor het woord "Nee".

  • kleur - Randkleur van de knop.

.article-feedback-action{
  button[aria-label="Yes"]{
    background-color: #5ebf83;
    color: white;
  }
  button[aria-label="No"]{
    background-color: #e67367;
    color: white;
  }
}
  1. Werk de kleurcodes bij volgens jouw vereisten.

  1. Klik op Opslaan.


Uitkomst

Voorheen

De kleur van de feedbackknoppen lijkt grijs wanneer je er niet overheen zweeft.

Overview of Document360 with applied CSS code for the like and dislike buttons in the knowledge base site.


Na

Na het toepassen van de meegeleverde CSS-code worden de feedbackknoppen weergegeven in de opgegeven kleur.

Overview of Document360 with related articles and helpful resources displayed on the page.