問合せフォームの画像や背景を変更するにはどうすればよいのでしょうか?
問合せフォームの画像というのは、[送信]ボタンや[close]ボタンの事でしょうか?
これらのボタンは画像ではなく、スタイルシートにて色等を指定しています。
この色を変更(または画像に差し替え)することと、お問合せフォームに背景を入れる方法を説明いたします。
※こちらは標準モードでのご案内です。
PC用HTMLページ一覧(店長ナビ>デザイン設定>適用中のHTMLページリンク)から、お問い合わせページの[編集]ボタンを押します。
表示されるHTMLコードの以下の場所にスタイルを追加します。
<div class="close_link" onclick="window.close();"><span>〘 CLOSE 〙</span></div>
<br />
【こちらにスタイルを追加】
<!-- APP CONTENT -->
{$$ APP CONTENT $$}
<!-- / APP CONTENT -->
追加するスタイルは、以下のサンプルを編集して追加して下さい。
追加後、保存すれば適用されますので、ご確認ください。
<style>
.app_content{
【ページの背景】
}
.close_link{
【closeボタンの背景】
}
.item_contact a .item_contact_link_val, .item_contact_send_btn{
【送信ボタンの背景】
}
</style>
【ページの背景】
・背景色を変更する場合は以下を追加して下さい。
background:#ff0000;
(こちらは赤色のコードです。お好みの色コードに変更して下さい)
・画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。
・画像を背景とし、画像を繰り返し表示させない場合は以下を追加して下さい。
background-repeat: no-repeat;
・左上に画像を表示させる場合は以下を追加して下さい。
background-repeat: no-repeat;
background-position: left top;
【closeボタンの背景】
・ボタンの色を変更する場合は以下を追加して下さい。
background:#ff0000;
(こちらは赤色のコードです。お好みの色コードに変更して下さい)
・ボタンの画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。
【送信ボタンの背景】
・ボタンの色を変更する場合は以下を追加して下さい。
background:#ff0000;
(こちらは赤色のコードです。お好みの色コードに変更して下さい)
・ボタンの画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。
わかりにくい説明で申し訳ございませんが、説明は以上です。