スクリプトがウェブサイトのバックグラウンドで実行されているため、要素を正しくインスペクトできず、色を変更したい要素の正確なクラスやIDを取得できない場合があります。

その解決策は、スクリプトの実行を一時停止することです。F12またはControl+Shift+Iを押して、以下のスクリーンショットに示す手順を参考にしてください。




正確なクラス/IDを確認したら、LiveAgentアカウントのダッシュボードから、Chat(チャット)-> Chat buttons(チャットボタン)-> 対象のチャットボタンを編集 -> Chat window(チャットウィンドウ)-> カスタムCSSを設定します(以下はあくまで例ですが、そのまま使用することも可能です)。

.MessageNotification.MessageNotification-Unread.MessageNotificationTypeM {
background: #ffff00;
}

.chatMessagesGroupAgent .messagesPanel .MessageNotification.MessageNotification-Unread:first-child:before {
border-left-color: #ffff00;
}

結果は以下の通りです ->

同様のケースが発生した場合は、この手順を参考にしてください。