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

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.

¿Cómo cambiar el color de los botones de retroalimentación?

Prev Next

Planes que admiten esta función: Professional Business Enterprise

El color de los botones de feedback en la parte inferior del artículo permanece gris cuando no los pasas con el cursor. Quieres cambiar y personalizar el color predeterminado de los botones de retroalimentación. Realiza los siguientes pasos para configurar el color predeterminado de los botones de retroalimentación.


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.

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

  2. Desde el panel de navegación izquierdo, haz clic en la pestaña CSS y pega 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 arriba).

  • .por cierto.sí i - Color para la palabra "Sí".

  • .btn.no i color de fondo - Color de fondo del botón "No" (Pulgar 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. Actualiza los códigos de color según tus necesidades.

  1. Haz clic en Guardar.


Resultado

Antes

El color de los botones de retroalimentación aparece gris cuando no estás 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

Tras aplicar el código CSS proporcionado, los botones de retroalimentación se mostrarán en el color especificado.

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