【WhatYa】吹き出し部分の背景色を変更できますか？

WhatYa V2

吹き出し部分の背景色は、CSSを使って変更する事ができます。

サンプルコードについてのご留意事項

後述するサンプルコードは、弊社環境において動作確認済みですが、お客さまの環境での動作保証ができかねますことご了承ください。

上記赤枠の吹き出し部分の背景を変更したい場合は、下記のclassを指定いただきます。

._ChatWindowContent_CS_TEXT{
  background-color: green !important;
}

上記のclassの指定だけだと、吹き出しの三角部分（赤枠内）は背景色は変わりませんが
下記を追加で指定いただければ吹き出しの三角部分のデザイン変更は可能です。

._ChatWindowContent_CS_CONTENT
._ChatWindowContent_CS_TEXT+div {
    border-left: 0.5rem solid green !important;
}

サンプルコード

/* 吹き出し部分（ユーザー側） */
._ChatWindowContent_CS_TEXT {
  background-color: green !important;
}

/* 吹き出しの三角部分（ユーザー側） */
._ChatWindowContent_CS_CONTENT ._ChatWindowContent_CS_TEXT+div {
  border-left: 0.5rem solid green !important;
}

WhatYaヘルプナレッジ

【WhatYa】吹き出し部分の背景色を変更できますか？

Analytics

サンプルコード

Related content