お問い合わせフォーム要素内のテキストエリアの背景色を変更する方法

テキストエリアの背景色をカスタマイズすることで、お問い合わせフォームを店舗のブランディングによりマッチさせ、ユーザーエクスペリエンス全体を向上させることができます。

この記事では、GemPagesの問い合わせフォーム要素内のテキストエリアの背景色を、シンプルなカスタムCSSコードを使用して変更する方法を学びます。

ステップ1：カスタムコードパネルを開く

GemPagesエディター内部：

• カスタマイズしたいテキストエリアフィールドを右クリックします。
• 選択 カスタムコード

カスタムコードパネルが表示されます。

ステップ2：CSSコードを追加する

以下のコードを「カスタムコード」フィールドに貼り付けてください。

要素クラス textarea {

 背景色: 赤 !重要;

}

例：

背景色：#000000;

背景色：#f5f5f5;

背景色: rgba(255,255,255,0.8);

ステップ 3: 保存して公開する

コードを追加した後：

• 詳しくはこちら Save
• ページを公開または更新する
• お問い合わせフォームをプレビューして、新しい背景色が正しく適用されていることを確認してください。