GemPagesで問い合わせフォームを作成する際、よりすっきりとしたバランスの良いデザインにするために、メールアドレス入力欄やテキスト入力欄内のプレースホルダーテキストを中央揃えにしたい場合があります。
デフォルトでは、プレースホルダーテキストは左揃えになっています。しかし、簡単なCSSコードを追加するだけで、簡単に左揃えに変更できます。 このガイドでは、カスタムコードを使用して入力フィールド内のプレースホルダーテキストを中央揃えにする方法を学びます。
ステップ1：入力フィールド要素を選択します
GemPagesエディターでページを開いてください。
あなたの中 お問い合わせフォームプレースホルダーテキストを中央に配置したい場所にある「メールアドレスフィールド」または「テキストフィールド」要素をクリックします。
ステップ2：カスタムコードパネルを開く
選択した要素を右クリックします。次に、 カスタムコード。 これにより、その特定の要素のカスタムコードエディタが開きます。
ステップ3：CSSコードを追加する
以下のコードを「カスタムコード」ボックスに貼り付けてください。
ElementClass input::placeholder { テキスト整列：センター; }
重要な注意事項
交換する 要素クラス 要素の実際のクラス名を指定します。
要素を選択すると、エディタの左上隅に要素クラスが表示されます。
例：
.gf-input-123 input::placeholder { テキスト整列：センター; }
結果：
コメントしてくださってありがとうございます