SIRIUS2 助け合いQ&A広場

コンタクトフォームの送信ボタンの色を変える方法は?

0

ベーステンプレート使用
バージョン:1.0 ( 1.0.1.0 )

シリウス2のコンタクトフォームの送信ボタンの色の変え方を教えてください。

シリウス2のコンタクトフォームの送信ボタン

「デザイン」→「カラー設定」にはコンタクトフォームの送信ボタンの色を変える項目が見当たりませんでした。

高橋(管理人) 公開するステータスを変更しました 2022年8月1日
0

コンタクトフォームの送信ボタンの色は、CSSの設定で変更できます。


やり方は簡単。

以下のCSSをコンタクトフォームのページの「詳細設定」→「タグ・CSSの挿入」→「スタイル割込み」の欄にコピペしてください。

.form input[type=”submit”] {background-color: var(–clr-accent, #2FC2A6);}

「#2FC2A6」が画像の緑色を指定していますので、色見本を参考に好みの色に変えてください。

「送信する」の文字の色も変えたければ以下のCSSの「#000」がテキストの黒色を指定してますので、同じく好みの色に変更してコピペしてください。
.form input[type=”submit”] {background-color: var(–clr-accent, #2FC2A6);color:#000;}

いろいろな環境で試していませんが、たぶんこれでイケてると思います。

高橋(管理人) アンサーが編集されました 2022年9月24日