フォームの「必須」「任意」ラベルの色（背景色・文字色）や、枠の大きさ（幅）を変更したい。
各フォームの編集画面上、右側「設置サンプル」内の「CSS変更」にて記述を編集することで変更が可能です。
※サポートでは「CSS変更」内の具体的な記述内容については、システムサポート対象外となります。本ページの内容は参考情報としてご活用ください。
※変更時は必ず元の記述をメモ帳などにコピーを取ってから作業を行ってください。
「必須」「任意」ラベルの編集方法
「CSS変更」ボタンをクリックして表示される編集画面内で、以下の記述箇所を検索してください。
Windowsをお使いの方は「Ctrl + F」、Macをお使いの方は「Command + F」を押すと検索窓が表示されます。
検索するキーワード
下記の英単語で検索を行い、該当箇所を探してください。
※スペルが特徴的な記述となっておりますので、コピーして検索することをお勧めします。
- 必須ラベル：
.form-preview-reqiured - 任意ラベル：
.form-preview-not-reqiured
色の変更（背景色・文字色）
該当箇所が見つかりましたら、background-color（背景色）や color（文字色）の横にあるカラーコードを書き換えます。
.form-preview-reqiured {
display: inline-block !important;
padding: 2px 5px;
background-color: #ce052c; /* ←ここが背景色 */
color: #fff; /* ←ここが文字色 */
...
}
display: inline-block !important;
padding: 2px 5px;
background-color: #ce052c; /* ←ここが背景色 */
color: #fff; /* ←ここが文字色 */
...
}
フォーム全体・入力欄の文字色変更
フォームの背景色、プルダウン式にしたときに表示される文字の色指定については下記を追記していただければ変更可能です。
※既存の記述は消さずに、CSS入力欄の最下部に追記してください。
/* フォーム全体の基本的な文字色を変更 */
.form-preview-wrap {
color: #333333;
}
/* 入力ボックス（入力欄）の中の文字色も変えたい場合 */
.form-preview-wrap input,
.form-preview-wrap textarea,
.form-preview-wrap select {
color: #333333;
}
.form-preview-wrap {
color: #333333;
}
/* 入力ボックス（入力欄）の中の文字色も変えたい場合 */
.form-preview-wrap input,
.form-preview-wrap textarea,
.form-preview-wrap select {
color: #333333;
}
カラーチャートについて
HTMLメールに記載する用の色設定については下記のようなサイトにて16進数カラーチャートをご確認ください
https://www.colordic.org/
※弊社管理サイトではございませんので、操作方法や確認方法についてはご案内できかねますのでご了承ください。