すべてのコレクション
EmbedForms エンベットフォーム
スタート
Custom CSSを使用してフォームをカスタマイズする方法
Custom CSSを使用してフォームをカスタマイズする方法

EmbedFormsでCustom CSSを使用してフォームをカスタマイズする手順です。

Yuka Isobe avatar
対応者:Yuka Isobe
一週間前以上前にアップデートされました

こちらの記事に使用されいてる管理画面の画像は、英語の管理画面を撮影したものです。実際にご利用いただくEmbedSocialの管理画面は日本語仕様です。

EmbedForms製品では、さまざまな設定、カスタマイズオプション、およびカスタムフィールドの質問が提供されています。

ただし、フォントの色や背景色の変更など、追加のカスタマイズを適用したい場合、Custom CSSを使用することができます。

以下の手順に従ってください。

  • フォームを開き、左側の「Create」セクションで「General Settings」を選択します。スクロールダウンすると、コードを挿入できる「Custom CSS」の白いボックスが表示されます。

Pasting your CSS and clicking save

  • コードを挿入したら、必ず「Apply」をクリックし、最後に変更を保存するために右上隅の「Save」をクリックしてください。

以上です!

質問テキストのフォントサイズと配置を変更する場合は、カラーのセミコロンの直後に、

例えば次のように中括弧{}内に以下のコードを追加してください:

font-size: 16px;text-align: left;

送信ボタンのテキスト色、テキストの背景色、フォントサイズ、配置を変更する場合は、.es-submit-btnを使用してください。

例:

.es-submit-btn {background-color: #000;color: yellow;font-size: 16px;text-align: left;}

重要な注意:

CSSで行った変更は、現在フォームのプレビューで表示されます。プレビューボタンは、保存ボタンの隣にある右上隅に配置されています。

Clicking on preview

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。

こちらの回答で解決しましたか?