こちらのページでカスタムCSSについて解説します。
...
WhatYa管理画面上でWhatYaのCSSを記述することができます。利用する際の前提や注意事項等、以下に記載いたします。
...
| 情報 |
|---|
前提：チャット設定「CSS分離」にチェックを入れていること |
前提：チャット設定 「CSS分離」にチェックを入れていること
カスタムCSSを利用する場合はチャット設定の「CSS分離」にチェックを入れてください。
...
お客さまがご利用のECパッケージのCSSの影響による、デザイン崩れを低減できること
※ただし、ECパッケージのCSSの単位がremで指定されている場合は影響を受けます。（フォントサイズ等）WhatYa管理画面上でWhatYaのCSSを設定できること
...
編集ページに遷移後、「CSS分離」の項目にチェックを入れ、保存ボタンをクリックします。
保存ボタンをクリック後、任意のコメントを入力し、確定をクリックします。
右下に「保存しました」が表示されましたら、リビジョンの設定が完了となります。
リビジョンの設定完了後、テスト環境・本番環境に反映します。
テスト環境・本番環境への反映方法は以下をご参照ください。
https://solairo.atlassian.net/wiki/spaces/WHAT1/pages/2341339164#%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83%E3%83%BB%E6%9C%AC%E7%95%AA%E7%92%B0%E5%A2%83%E5%8F%8D%E6%98%A0
テスト環境・本番環境への反映後、チャット設定側の設定は完了となります。
...
左のメニューからカスタムCSSを選択し、新しく設定をはじめるをクリックします。
Style Sheet内に任意のCSSを入力し、保存ボタンをクリックします。
保存ボタンをクリック後、任意のコメントを入力し、確定をクリックします。
右下に「保存しました」が表示されましたら、リビジョンの設定が完了となります。
リビジョンの設定完了後、テスト環境・本番環境に反映します。
まず、テスト環境に反映したいリビジョンを選択します。
テスト環境に反映をクリックします。
任意のコメントを入力し、確定をクリックします。
右下に「環境への反映が完了しました」が表示されましたら、テスト環境への反映が完了となります。
※「Testing」をクリックするとレビュー画面（テスト環境）に遷移し、設定したカスタムCSSを確認できます。
御社環境でテスト環境に反映中の設定を確認したい場合は、以下をご参照ください。
【はじめに】WhatYaのテスト方法について
テスト環境での動作確認後、本番環境への反映を行います。
テスト環境を本番環境へ反映をクリックします。
任意のコメントを入力し、確定をクリックします。
右下に「環境への反映が完了しました」が表示されましたら、本番環境への反映が完了となります。
