Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

Wie ändere ich die Farbe der Feedback-Schaltflächen?

Prev Next

Pläne, die die Verwendung von benutzerdefiniertem CSS und JS auf der Wissensdatenbank-Site unterstützen

Professionell
Geschäft
Unternehmen






Die Farbe der Feedback-Buttons am Ende des Artikels bleibt grau, wenn Sie nicht mit der Maus darüber fahren. Sie möchten die Standardfarbe der Feedback-Schaltflächen ändern und anpassen. Führen Sie die folgenden Schritte aus, um die Standardfarbe der Feedback-Schaltflächen zu konfigurieren.


Lösung

  1. Navigieren Sie im Wissensdatenbank-Portal zu Einstellungen () > Wissensdatenbank-Website > Website anpassen > benutzerdefiniertes CSS und JavaScript .

  2. Klicken Sie im linken Navigationsbereich auf die Registerkarte CSS und fügen Sie das folgende CSS-Snippet ein:

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

ANMERKUNG

  • .btn.yes i - Hintergrundfarbe der Schaltfläche "Ja" (Daumen hoch).

  • .btn.yes i - Farbe für das Wort "Ja".

  • .btn.no i background color - Hintergrundfarbe der Schaltfläche "Nein" (Daumen runter).

  • .btn.no - Farbe für das Wort "Nein".

  • color - Rahmenfarbe der Schaltfläche.

.article-feedback-action{
  button[aria-label="Yes"]{
    background-color: #5ebf83;
    color: white;
  }
  button[aria-label="No"]{
    background-color: #e67367;
    color: white;
  }
}
  1. Aktualisieren Sie die Farbcodes gemäß Ihren Anforderungen.

  1. Klicken Sie auf Speichern.


Ergebnis

Vor

Die Farbe der Feedback-Schaltflächen wird grau angezeigt, wenn Sie den Mauszeiger nicht darüber bewegen.

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


Nach

Nach dem Anwenden des bereitgestellten CSS-Codes werden die Feedback-Schaltflächen in der angegebenen Farbe angezeigt.

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