Selectores CSS del Widget de Chat Web
Usa estos selectores CSS para personalizar aún más el iframe del Widget de Chat Web
Selectores CSS
Función
mr-1
selecciona el texto del título, en la parte superior, junto al logo
text-xs
selecciona el texto del estado de respuesta, debajo del texto del título
custom_chat_header
selecciona el fondo de la sección del encabezado
message-content
selecciona el texto de las burbujas de conversación del lado del chatbot
chat-bubble
selecciona el texto de las burbujas de conversación del lado del contacto
bot-widget-bubble
selecciona la burbuja de chat que aparece en la esquina inferior del sitio
text-slate-700
selecciona la línea divisoria y el texto que marcan la sección de fecha de una conversación
agent
selecciona la caja de respuesta del chatbot y de los agentes de LiveChat en la conversación
user
selecciona la caja de respuesta del lado del contacto en la conversación
chat-message--input
selecciona la sección de la caja donde escribes tu mensaje
bg-white
selecciona el fondo detrás de las cajas de chat