hese CSS Selectors can be used to further customize the chat widget iframe
CSS Selectors | Function |
---|
...
CSS Selectors
...
Function
...
mr-1
...
Esses seletores CSS podem ser usados para personalizar ainda mais o iframe do widget de chat
Seletores CSS | Função |
---|---|
mr-1 | direciona o texto do título na parte superior ao lado do logotipo |
text-xs |
direciona o texto do status da resposta abaixo do texto do título |
custom_chat_header |
tem como alvo a seção de fundo do título |
message-content |
direciona o texto em balões de conversa no lado do chatbot |
chat-bubble |
direciona o texto em balões de conversa do lado do usuário |
bot-widget-bubble |
agent
targets the reply box from chatbot and live chat agents side of the conversation
user
tem como alvo o balão de bate-papo que aparece no canto inferior do site |
text-slate-700 |
targets the divider line and text that shows the date section of a conversation
tem como alvo a linha divisória e o texto que mostra a seção de data de uma conversa | |
agent | direciona a caixa de resposta do chatbot e dos agentes de chat ao vivo da conversa |
user | direciona a caixa de resposta do lado do usuário na conversa |
chat-message--input |
direciona a seção da caixa onde você digita sua mensagem |
bg-white |
tem como alvo o plano de fundo por trás das caixas de bate-papo |