On this page
メッセージテキスト/背景の色を変更する方法
デフォルトではチャットウィンドウのメッセージを編集するオプションはありませんが、カスタムCSSを使用してカスタマイズすることができます。設定方法は、Configuration(設定)> Chat(チャット)> Chat buttons(チャットボタン)> Edit your chat button(チャットボタンを編集)に移動してください。次に**「Chat window」タブで「Custom CSS」**セクションまでスクロールし、以下のCSSコードを追加します:
/*
In the below example, we are changing Avatar background, Messages background and
Messages time color to BLACK. In order to change them to a different color, replace
all blacks to any other color.
*/
.MessageNotification, .chatMessagesGroupMe .Avatar, .chatMessagesGroupAgent .Avatar {
background-color: black !important;
}
.chatMessagesGroupMe .messagesPanel .MessageNotification:first-child:before {
border-color: transparent black transparent transparent;
}
.chatMessagesGroupAgent .messagesPanel .MessageNotification:first-child:before {
border-color: transparent transparent transparent black;
}
.chatMessagesGroupMe .messagesPanel .MessageNotification:first-child .messageTime,
.chatMessagesGroupAgent .messagesPanel .MessageNotification:first-child .messageTime {
color: black;
font-weight: 900;
}
/*
Message font colors can be customized by the default chat window customization UI.
*/
CSSコードを**適用(APPLY)し、チャットウィンドウを保存(SAVE)**することをお忘れなく。