Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

¿Cómo cambiar el color de los botones de comentarios?

Prev Next

Planes que admiten el uso de CSS y JS personalizados en el sitio de la base de conocimientos

Planes que admiten esta función: Professional Business Enterprise

El color de los botones de comentarios en la parte inferior del artículo permanece gris cuando no pasa el cursor sobre ellos. Desea cambiar y personalizar el color predeterminado de los botones de comentarios. Realice los siguientes pasos para configurar el color predeterminado de los botones de comentarios.


Solución

  1. Vaya a Configuración () > sitio de la base de conocimientos > Personalizar sitio > CSS y JavaScript personalizados en el portal de la base de conocimientos.

  2. En el panel de navegación izquierdo, haga clic en la pestaña CSS y pegue el siguiente fragmento de 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;
}

NOTA

  • .btn.yes i - Color de fondo del botón "Sí" (pulgar hacia arriba).

  • .btn.yes i - Color para la palabra "Sí".

  • .btn.no i color de fondo - Color de fondo del botón "No" (pulgar hacia abajo).

  • .btn.no - Color para la palabra "No".

  • color - Color del borde del botón.

.article-feedback-action{
  button[aria-label="Yes"]{
    background-color: #5ebf83;
    color: white;
  }
  button[aria-label="No"]{
    background-color: #e67367;
    color: white;
  }
}
  1. Actualice los códigos de color según sus requisitos.

  1. Haga clic en Guardar.


Resultado

Antes

El color de los botones de comentarios aparece en gris cuando no está pasando el cursor sobre ellos.

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


Después

Después de aplicar el código CSS proporcionado, los botones de comentarios se mostrarán en el color especificado.

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