Puedes personalizar el estilo de tu cuadro de chat si estableces las variables de CSS.
Estilo general
Las variables de CSS que se indican a continuación proporcionan opciones de diseño generales:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-font-family |
Opcional | "Google Sans", "Helvetica Neue", sans-serif | Es la familia de fuentes que se usará en todo el widget. |
df-messenger-font-size |
Opcional | 14px | Es el tamaño del texto que se usará en todo el widget. |
df-messenger-font-color |
Opcional | #1f1f1f | Es el color del texto que se usará en todo el widget. |
df-messenger-primary-color |
Opcional | #0b57d0 | Es el color principal de los elementos del widget (como el fondo de la barra de título, el fondo del botón de acción y mucho más). |
df-messenger-focus-color |
Opcional | #1e88e5 | Es el color del anillo de enfoque alrededor de los elementos. |
df-messenger-focus-color-contrast |
Opcional | blanco | Es el color del anillo de enfoque alrededor de los elementos cuando se encuentran dentro de un elemento superior con un color de fondo (como la barra de título). |
df-messenger-chat-border |
Opcional | ninguno | Es el borde del diálogo. |
df-messenger-chat-border-radius |
Opcional | 0 | Es el radio del borde del diálogo. |
Diseño de df-messenger-chat-bubble
Cuando se usa el elemento df-messenger-chat-bubble, se pueden proporcionar las siguientes variables de CSS:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-chat-window-height |
Opcional | 480 px | Es la altura de la ventana de chat. |
df-messenger-chat-window-width |
Opcional | 320 px | Es el ancho de la ventana de chat. |
df-messenger-chat-window-offset |
Opcional | 16 px | Es la distancia entre la burbuja de chat y la ventana de chat. |
df-messenger-chat-window-box-shadow |
Opcional | ninguno | Sombra de la ventana de chat. |
df-messenger-chat-collapse-icon-size |
Opcional | desconfigurar | Es el tamaño del ícono del botón para contraer en la barra de título. |
df-messenger-chat-bubble-icon-size |
Opcional | 36 px | Es el tamaño del ícono de la burbuja de chat. |
df-messenger-chat-bubble-close-icon-size |
Opcional | 24 px | Es el tamaño del ícono de cierre de la burbuja de chat. |
df-messenger-chat-bubble-close-icon-transform-rotate |
Opcional | -90deg | Rotación del ícono de cierre de la burbuja de chat, que rota a 0° cuando se cierra el chat. |
df-messenger-chat-bubble-icon-color |
Opcional | blanco | Es el color del ícono y del ícono de cierre de la burbuja de chat. |
df-messenger-chat-bubble-size |
Opcional | 64 px | Es el tamaño de la burbuja de chat. |
df-messenger-chat-bubble-background |
Opcional | #0b57d0 | Fondo de la burbuja de chat. |
df-messenger-chat-bubble-border-radius |
Opcional | 32 px | Es el radio del borde de la burbuja de chat. |
df-messenger-chat-bubble-border |
Opcional | ninguno | Es el borde de la burbuja de chat. |
df-messenger-chat-border-minimized |
Opcional | ninguno | Borde del chat en forma minimizada. |
df-messenger-chat-border-radius-minimized |
Opcional | 0 | Es el radio del borde del chat en forma minimizada. |
Estilo de la barra de título
Para la barra de título, se pueden proporcionar las siguientes variables de CSS:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-titlebar-background |
Opcional | #0b57d0 | Fondo de la barra de título. |
df-messenger-titlebar-padding |
Opcional | 0 15px | Es el padding de la barra de título. |
df-messenger-titlebar-border |
Opcional | ninguno | Es el borde de la barra de título. |
df-messenger-titlebar-border-bottom |
Opcional | ninguno | Borde inferior de la barra de título. |
df-messenger-titlebar-title-align |
Opcional | start | Es la alineación del texto del título en la barra de título. Los valores permitidos son start, center o end. |
df-messenger-titlebar-font-color |
Opcional | blanco | Es el color del texto de la barra de título. |
df-messenger-titlebar-letter-spacing |
Opcional | Normal | Es el espaciado entre letras del texto de la barra de título. |
df-messenger-titlebar-title-font-size |
Opcional | 18 px | Es el tamaño del texto del título en la barra de título. |
df-messenger-titlebar-title-font-family |
Opcional | "Google Sans", "Helvetica Neue", sans-serif | Es la familia de fuentes del texto del título en la barra de título. |
df-messenger-titlebar-title-font-weight |
Opcional | 400 | Es el grosor de la fuente del texto del título en la barra de título. |
df-messenger-titlebar-title-line-height |
Opcional | Normal | Es la altura de la línea del texto del título en la barra de título. |
df-messenger-titlebar-title-letter-spacing |
Opcional | Normal | Es el espaciado entre letras del texto del título en la barra de título. |
df-messenger-titlebar-subtitle-font-color |
Opcional | blanco | Es el color del texto del subtítulo en la barra de título. |
df-messenger-titlebar-subtitle-font-size |
Opcional | 18 px | Es el tamaño del texto del subtítulo en la barra de título. |
df-messenger-titlebar-subtitle-font-family |
Opcional | "Google Sans", "Helvetica Neue", sans-serif | Es la familia de fuentes del texto del subtítulo en la barra de título. |
df-messenger-titlebar-subtitle-font-weight |
Opcional | 400 | Es el grosor de la fuente del texto del subtítulo en la barra de título. |
df-messenger-titlebar-subtitle-line-height |
Opcional | Normal | Es la altura de la línea del texto del subtítulo en la barra de título. |
df-messenger-titlebar-subtitle-letter-spacing |
Opcional | Normal | Es el espaciado entre letras del texto del subtítulo en la barra de título. |
df-messenger-titlebar-title-order |
Opcional | fila | Ordena los elementos en la barra de título. Los valores permitidos son row o row-reverse. Este valor solo es efectivo si se especificó el atributo chat-title-icon. |
df-messenger-titlebar-icon-width |
Opcional | 18 px | Es el ancho del ícono en la barra de título. Este valor solo se aplica si se especificó el chat-title-icon. |
df-messenger-titlebar-icon-height |
Opcional | 18 px | Es la altura del ícono en la barra de título. Este valor solo se aplica si se especificó el chat-title-icon. |
df-messenger-titlebar-icon-padding |
Opcional | 0 12px 0 0 | Es el padding alrededor del ícono en la barra de título. Este valor solo se aplica si se especificó el chat-title-icon. |
Estilo de la ventana de chat
Para la ventana de chat, se pueden proporcionar las siguientes variables de CSS:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-chat-background |
Opcional | #fafafa | Fondo del diálogo del agente en el que se muestran los mensajes. |
df-messenger-chat-padding |
Opcional | 10 px | Es el padding del diálogo del agente en el que se muestran los mensajes. |
df-messenger-messagelist-border |
Opcional | ninguno | Es el borde de la lista de mensajes. |
df-messenger-message-border |
Opcional | ninguno | Es el borde de los mensajes de diálogo del agente. |
df-messenger-message-font-size |
Opcional | 14px | Es el tamaño del texto de los mensajes de diálogo del agente. |
df-messenger-message-font-family |
Opcional | "Google Sans", "Helvetica Neue", sans-serif | Es la familia de fuentes de los mensajes de diálogo del agente. |
df-messenger-message-font-weight |
Opcional | Normal | Es el grosor de la fuente de los mensajes de diálogo del agente. |
df-messenger-message-bot-background |
Opcional | #ecf3fe | Fondo de los mensajes que envía el agente. |
df-messenger-message-bot-border |
Opcional | ninguno | Es el borde de los mensajes que envía el agente. |
df-messenger-message-bot-font-color |
Opcional | #1f1f1f | Es el color del texto de los mensajes que envía el agente. |
df-messenger-message-bot-font-weight |
Opcional | Normal | Es el grosor de la fuente de los mensajes que envía el agente. |
df-messenger-message-user-background |
Opcional | #e1e3e1 | Fondo de los mensajes que envía el usuario. |
df-messenger-message-user-border |
Opcional | ninguno | Es el borde de los mensajes que envía el usuario. |
df-messenger-message-user-font-color |
Opcional | #1f1f1f | Es el color del texto de los mensajes que envía el usuario. |
df-messenger-message-user-font-weight |
Opcional | Normal | Es el grosor de la fuente de los mensajes que envía el usuario. |
df-messenger-message-spacing |
Opcional | 10 px | Espacio entre dos mensajes. |
df-messenger-message-border-radius |
Opcional | 8 px | Es el radio del borde de los mensajes, que se aplica a todas las esquinas. |
df-messenger-message-bot-border-top-left-radius |
Opcional | 8 px | Es el radio del borde superior izquierdo para los mensajes del agente. Anula el radio genérico. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-bot-border-top-right-radius |
Opcional | 8 px | Es el radio del borde superior derecho para los mensajes del agente, que anula el radio genérico. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-bot-border-bottom-left-radius |
Opcional | 8 px | Es el radio del borde inferior izquierdo para los mensajes del agente, que anula el radio genérico. Solo se aplica al último mensaje de una pila. |
df-messenger-message-bot-border-bottom-right-radius |
Opcional | 8 px | Es el radio del borde inferior derecho de los mensajes del agente, que anula el radio genérico. Solo se aplica al último mensaje de una pila. |
df-messenger-message-user-border-top-left-radius |
Opcional | 8 px | Es el radio del borde superior izquierdo para los mensajes del usuario. Anula el radio genérico. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-user-border-top-right-radius |
Opcional | 8 px | Es el radio del borde superior derecho para los mensajes del usuario, que anula el radio genérico. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-user-border-bottom-left-radius |
Opcional | 8 px | Es el radio del borde inferior izquierdo para los mensajes del usuario. Anula el radio genérico. Solo se aplica al último mensaje de una pila. |
df-messenger-message-user-border-bottom-right-radius |
Opcional | 8 px | Es el radio del borde inferior derecho de los mensajes del usuario, que anula el radio genérico. Solo se activa si se establece user-actor-image. Solo se aplica al último mensaje de una pila. |
df-messenger-message-stack-spacing |
Opcional | 10 px | Espacio entre dos mensajes consecutivos. |
df-messenger-message-bot-stack-border-top-left-radius |
Opcional | 8 px | Es el radio del borde superior izquierdo para los mensajes consecutivos del agente. Anula el radio superior izquierdo del agente. Solo se activa si se establece bot-actor-image. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-bot-stack-border-top-right-radius |
Opcional | 8 px | Es el radio del borde superior derecho para los mensajes consecutivos del agente. Anula el radio superior derecho del agente. Solo se activa si se establece bot-actor-image. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-bot-stack-border-bottom-left-radius |
Opcional | 8 px | Es el radio del borde inferior izquierdo para los mensajes consecutivos del agente. Anula el radio inferior izquierdo del agente. Solo se activa si se establece bot-actor-image. Solo se aplica al último mensaje de una pila. |
df-messenger-message-bot-stack-border-bottom-right-radius |
Opcional | 8 px | Es el radio del borde inferior derecho para los mensajes consecutivos del agente. Anula el radio inferior derecho del agente. Solo se activa si se establece bot-actor-image. Solo se aplica al último mensaje de una pila. |
df-messenger-message-user-stack-border-top-left-radius |
Opcional | 8 px | Es el radio del borde superior izquierdo para los mensajes consecutivos del usuario. Anula el radio superior izquierdo del usuario. Solo se activa si se establece user-actor-image. |
df-messenger-message-user-stack-border-top-right-radius |
Opcional | 8 px | Es el radio del borde superior derecho para los mensajes consecutivos del usuario. Anula el radio superior derecho del usuario. Solo se activa si se establece user-actor-image. Solo se aplica al primer mensaje de una pila. |
df-messenger-message-user-stack-border-bottom-left-radius |
Opcional | 8 px | Es el radio del borde inferior izquierdo para los mensajes consecutivos del usuario. Anula el radio inferior izquierdo del usuario. Solo se activa si se establece user-actor-image. Solo se aplica al último mensaje de una pila. |
df-messenger-message-user-stack-border-bottom-right-radius |
Opcional | 8 px | Es el radio del borde inferior derecho para los mensajes consecutivos del usuario. Anula el radio inferior derecho del usuario. Solo se activa si se establece user-actor-image. Solo se aplica al último mensaje de una pila. |
df-messenger-message-user-writing-image-width |
Opcional | 24 px | Es el ancho de la imagen que se muestra mientras el agente escribe. Solo se activa si se establece bot-writing-image. |
df-messenger-message-bot-writing-image-height |
Opcional | 24 px | Es la altura de la imagen que se muestra mientras el agente escribe. Solo se activa si se establece bot-writing-image. |
df-messenger-message-bot-writing-font-color |
Opcional | #1f1f1f | Es el color del texto que se muestra mientras el agente escribe. |
df-messenger-message-bot-writing-font-weight |
Opcional | Normal | Es el grosor de la fuente del texto que se muestra mientras el agente escribe. |
df-messenger-message-bot-writing-font-size |
Opcional | 14px | Es el tamaño del texto que se muestra mientras el agente escribe. |
df-messenger-message-bot-writing-border |
Opcional | ninguno | Es el borde del mensaje que se muestra mientras el agente escribe. |
df-messenger-message-bot-writing-background |
Opcional | #ecf3fe | Fondo del mensaje que se muestra mientras el agente escribe. |
df-messenger-message-bot-writing-padding |
Opcional | 12 px | Es el padding del mensaje que se muestra mientras el agente escribe. |
df-messenger-message-bot-writing-spacing |
Opcional | 10 px | Es el espacio entre el mensaje que se muestra mientras el agente escribe y el mensaje anterior. |
df-messenger-message-bot-writing-border-radius |
Opcional | 8 px | Es el radio del borde del mensaje que se muestra mientras el agente escribe. |
df-messenger-chat-scroll-button-align |
Opcional | center | Alineación del botón "Ir al final". Los valores permitidos incluyen flex-start, center y flex-end. |
df-messenger-chat-scroll-button-container-padding |
Opcional | 8 px | Es el padding del contenedor alrededor del botón "Ir al final". |
df-messenger-chat-scroll-button-text-display |
Opcional | intercalado | Muestra el texto junto al ícono en el botón "Ir al final". Usa none para ocultar el texto. |
df-messenger-chat-scroll-button-font-size |
Opcional | 14px | Es el tamaño del texto del botón "Ir al final". |
df-messenger-chat-scroll-button-font-color |
Opcional | blanco | Es el color del texto del botón "Ir al final". |
df-messenger-chat-scroll-button-background |
Opcional | #0b57d0 | Fondo del botón "Ir al final". |
df-messenger-chat-scroll-button-border-radius |
Opcional | 999 px | Es el radio del borde del botón "Ir al final". |
df-messenger-chat-messagelist-scroll-shadow-background |
Opcional | radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), transparent) bottom |
Sombra que se muestra en la parte inferior de la lista de mensajes cuando no se desplaza hasta el final. Se establece en none para inhabilitarla. |
Estilo de las imágenes de actores
Las imágenes de los actores aparecen junto a los mensajes del bot o del usuario. Puedes proporcionar las siguientes variables de CSS para personalizar el aspecto de las imágenes de los actores:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-message-actor-spacing |
Opcional | 16 px | Es la distancia entre la imagen del actor y los mensajes. |
df-messenger-message-bot-actor-order |
Opcional | fila | Orden de la imagen del actor y los mensajes. Usa row para que la imagen del actor aparezca a la izquierda y los mensajes a la derecha, o row-reverse para que la imagen del actor aparezca a la derecha y los mensajes a la izquierda. Esta marca solo se usa si se establece el atributo bot-actor-image. |
df-messenger-message-user-actor-order |
Opcional | row-reverse | Orden de la imagen del actor y los mensajes. Usa row-reverse para que la imagen del actor aparezca a la derecha y los mensajes a la izquierda, o row para que la imagen del actor aparezca a la izquierda y los mensajes a la derecha. Esta marca solo se usa si se establece el atributo user-actor-image. |
df-messenger-message-actor-direction |
Opcional | columna | Debe ser lo opuesto a df-messenger-message-bot-actor-order y df-messenger-message-user-actor-order. Usa column cuando se basen en row o row cuando se basen en column. |
df-messenger-message-actor-align |
Opcional | flex-start | Alineación del actor en relación con los mensajes. Usa flex-start para que la imagen del actor aparezca en la parte superior, center para que aparezca centrada o flex-end para que aparezca en la parte inferior. Esta marca solo se usa si se configuran los atributos bot-actor-image o user-actor-image. |
df-messenger-message-actor-border-radius |
Opcional | 999 px | Es el radio del borde de la imagen del actor. |
df-messenger-message-actor-padding |
Opcional | 8 px | Es el padding de la imagen del actor. |
df-messenger-message-actor-image-size |
Opcional | 24 px | Es el tamaño de la imagen del actor. |
df-messenger-message-bot-actor-background |
Opcional | blanco | Fondo de la imagen del actor del agente. |
df-messenger-message-bot-actor-border |
Opcional | ninguno | Borde de la imagen del actor del agente. |
df-messenger-message-bot-actor-offset |
Opcional | 0 | Es el desplazamiento para mover la imagen del actor del agente. |
df-messenger-message-user-actor-background |
Opcional | blanco | Fondo de la imagen del actor del usuario. |
df-messenger-message-user-actor-border |
Opcional | ninguno | Es el borde de la imagen del actor del usuario. |
df-messenger-message-user-actor-offset |
Opcional | 0 | Es el desplazamiento para mover la imagen del actor del usuario. |
Estilo para la entrada del usuario
Puedes proporcionar las siguientes variables de CSS para la entrada del usuario:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-send-icon-color |
Opcional | #0b57d0 | Es el color del ícono de "enviar" en la entrada del usuario. |
df-messenger-send-icon-color-hover |
Opcional | #0b57d0 | Es el color del ícono de "enviar" en la entrada del usuario cuando se coloca el cursor sobre él. |
df-messenger-send-icon-color-active |
Opcional | #0b57d0 | Es el color del ícono de "enviar" en la entrada del usuario cuando se puede enviar texto. |
df-messenger-send-icon-offset-x |
Opcional | 0 | Es el desplazamiento horizontal del ícono de "enviar" en la entrada del usuario. |
df-messenger-send-icon-offset-y |
Opcional | -4 px | Es el desplazamiento vertical del ícono de "enviar" en la entrada del usuario. |
df-messenger-input-background |
Opcional | blanco | Contexto de la entrada del usuario. |
df-messenger-input-padding |
Opcional | 8 px | Es el padding general entre el campo de entrada del usuario (incluido el botón para enviar mensajes) y el contenedor. |
df-messenger-input-inner-padding |
Opcional | 0px 48px 0px 0 | Es el padding interno entre el campo de entrada del usuario (sin incluir el botón para enviar mensajes) y el contenedor. |
df-messenger-input-border |
Opcional | ninguno | Es el borde de la entrada del usuario. |
df-messenger-input-border-top |
Opcional | 1px solid #e0e0e0 | Es el borde superior de la entrada del usuario. |
df-messenger-input-border-bottom |
Opcional | ninguno | Es el borde inferior del campo de texto de la entrada del usuario. |
df-messenger-input-font-family |
Opcional | "Google Sans", "Helvetica Neue", sans-serif | Es la familia de fuentes de la entrada del usuario. |
df-messenger-input-font-color |
Opcional | #1f1f1f | Es el color del texto de la entrada del usuario. |
df-messenger-input-font-size |
Opcional | 14px | Es el tamaño del texto de la entrada del usuario. |
df-messenger-input-font-weight |
Opcional | Normal | Es el grosor de la fuente de la entrada del usuario. |
df-messenger-input-box-border |
Opcional | ninguno | Es el borde del cuadro de entrada del usuario. |
df-messenger-input-box-focus-border |
Opcional | ninguno | Es el borde del cuadro de entrada del usuario cuando está enfocado. |
df-messenger-input-box-border-radius |
Opcional | 0 | Es el radio del borde del cuadro de entrada del usuario. |
df-messenger-input-box-padding |
Opcional | 12px 0 | Es el padding del cuadro de entrada del usuario. |
df-messenger-input-box-focus-padding |
Opcional | 12px 0 | Es el padding del cuadro de entrada del usuario cuando está enfocado. |
df-messenger-input-gutter |
Opcional | estable | Medianil de la barra de desplazamiento de la entrada del usuario. |
df-messenger-input-info-font-size |
Opcional | 14px | Es el tamaño del texto de los mensajes informativos en la entrada del usuario. |
df-messenger-input-info-font-weight |
Opcional | Normal | Es el grosor de la fuente de los mensajes informativos en la entrada del usuario. |
df-messenger-input-info-padding |
Opcional | 14 px 16 px | Relleno de los mensajes informativos en la entrada del usuario. |
df-messenger-input-info-line-height |
Opcional | 20 px | Es la altura de línea de los mensajes informativos en la entrada del usuario. |
df-messenger-input-long-text-warning-display |
Opcional | ninguno | Si se establece en block, se mostrará un mensaje de advertencia una vez que la entrada supere los 256 caracteres. Solo se activa si el atributo max-query-length es más alto (por ejemplo, inhabilitado). Documentación adicional. |
df-messenger-input-warning-background |
Opcional | #fef7e0 | Fondo del mensaje de advertencia en la entrada del usuario. |
df-messenger-input-warning-color |
Opcional | #410e0b | Es el color del texto del mensaje de advertencia en la entrada del usuario. |
df-messenger-input-warning-icon-color |
Opcional | #e37400 | Es el color del ícono en el mensaje de advertencia de la entrada del usuario. |
df-messenger-input-error-background |
Opcional | #f9dedc | Fondo del mensaje de error en la entrada del usuario. |
df-messenger-input-error-color |
Opcional | #410e0b | Es el color del texto del mensaje de error en la entrada del usuario. |
df-messenger-input-error-icon-color |
Opcional | #b3261e | Es el color del ícono en el mensaje de advertencia de la entrada del usuario. |
Estilo de la superposición de autenticación
Cuando usas una configuración autenticada, puedes proporcionar las siguientes variables de CSS para la superposición:
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-auth-background |
Opcional | rgba(204, 204, 204, .8) |
Fondo del diálogo del agente cuando se muestra la autenticación. |
df-messenger-auth-button-background |
Opcional | #0b57d0 | Fondo del botón de autenticación. |
df-messenger-auth-button-font-family |
Opcional | "Google Sans", "Helvetica Neue", sans-serif | Es la familia de fuentes del botón de autenticación. |
df-messenger-auth-button-font-color |
Opcional | blanco | Es el color del texto del botón de autenticación. |
df-messenger-auth-button-font-size |
Opcional | 14px | Es el tamaño del texto del botón de autenticación. |
df-messenger-auth-button-border |
Opcional | ninguno | Es el borde del botón de autenticación. |
df-messenger-auth-button-border-radius |
Opcional | 8 px | Es el radio del borde del botón de autenticación. |
Estilo de los comentarios
Cuando la función de comentarios sobre las respuestas está habilitada, puedes proporcionar las siguientes variables de CSS para los controles de comentarios.
| Propiedades | Política de entrada | Valor predeterminado | Descripción |
|---|---|---|---|
df-messenger-message-feedback-icon-distance |
Opcional | 8 px | Distancia entre los botones Me gusta y No me gusta. |
df-messenger-message-feedback-icon-font-color |
Opcional | #444746 | Es el color de los botones Me gusta y No me gusta. |
df-messenger-message-feedback-icon-font-color-active |
Opcional | #444746 | Es el color de los botones Me gusta y No me gusta cuando están activos. |
df-messenger-message-feedback-icon-border |
Opcional | ninguno | Es el borde de los botones Me gusta y No me gusta. |
df-messenger-message-feedback-icon-border-radius |
Opcional | 0 | Es el radio del borde de los botones Me gusta y No me gusta. |
df-messenger-message-feedback-icon-background |
Opcional | ninguno | Fondo de los botones Me gusta y No me gusta |
df-messenger-message-feedback-icon-background-hover |
Opcional | ninguno | Fondo de los botones Me gusta y No me gusta cuando se coloca el cursor sobre ellos. |
df-messenger-message-feedback-icon-padding |
Opcional | 0 | Es el padding de los botones Me gusta y No me gusta. |
df-messenger-message-rich-feedback-spacing |
Opcional | 10 px | Es el espaciado de los elementos en los comentarios enriquecidos. |
df-messenger-message-rich-feedback-padding |
Opcional | 0 | Es el padding de los comentarios enriquecidos. |
df-messenger-message-rich-feedback-background |
Opcional | ninguno | Fondo de los comentarios enriquecidos. |
df-messenger-message-rich-feedback-border-radius |
Opcional | 0 | Es el radio del borde de los comentarios enriquecidos. |
df-messenger-message-rich-feedback-border |
Opcional | ninguno | Borde de los comentarios enriquecidos. |
df-messenger-rich-feedback-offset-left |
Opcional | 0 | Es el desplazamiento de los comentarios enriquecidos en el lado izquierdo. |