【2022.10.13】サポートウィジェットのカスタムCSS機能

リリース概要

サポートウィジェットに独自のCSSを設定することができるカスタムCSS機能をリリースしました。 カスタムCSSを使用することで従来のカスタマイズでは難しかったカスタマイズが可能になります。

設定方法

サポートウィジェットの編集画面から「配置とデザイン」のセクションで「カスタムCSS」のタブを選択します。エディタにCSSを記述することができます。

カスタムCSSの記述方法について

• 主要な要素にカスタムCSS用に c- で始まるクラス名が付与されているので、このクラス名を利用してカスタムCSSを設定してください。(例: .c-icon)
• c- 以外のクラスセレクタにもスタイルを当てることは可能ですが、今後のアップデートでクラス名などが変更される可能性があります。
• セレクタの先頭に #rs_sw を記述してください。詳細度が高くなることで、既存のCSSを上書きすることができます。(例: #rs_sw .c-icon)

より詳しい情報は該当ページでご確認ください。