Q.登録・解除フォームのボタンカラーやフォントの変更は可能か?
Answer
フォームボタンの文字色や背景色は、任意で変更可能です。
一部iPhone環境で画像の様にボタンのフォントカラーとボタンカラーが同化してしまう
事象が発生する場合がございます。
本事象につきまして、現状、一部iPhone端末でのみ発生が確認されている環境依存の事象となっております。
フォームボタンの文字色や背景色はHTMLタグにて変更可能です。
タグはサポート対象外のため、任意で変更をお願い致します。
また、こちらで上記受信環境依存が解消されるわけではありません。
色が同化しないようにご調整いただく際のご参考としていただければと存じます。
1)グループ配信(または ステップメール)>グループ選択>登録・解除フォームの設定
より各フォームのタブへ
2)「デザイン」項目を、「画面別デザイン」に切替える
3)「パターン」項目の、各画面の「デザインの編集」リンクをクリック
4)デザイン上部からHTMLタグを編集してください。
「.hm_submit_btn」から始まる箇所がボタン部分です。
※以下は設定例でございます。
HTMLタグに関するサポートは致しておりませんので、それ以上のご案内は不可となります。
・ボタン色の変更
hm_submit_btnクラスにcolor属性を追加し、任意の色を指定する
例: ボタンの文字の色を赤色に変更したい場合
.hm_submit_btn{
text-align: center;
padding: 4px 12px;
line-height: 16px;
cursor: pointer;
font-family: メイリオ, Meiryo, Arial, Verdana, “Helvetica Neue”, Helvetica, sans-serif;
border: 1px solid #aaa;
border-radius: 3px;
background-image: -webkit-linear-gradient(#fff, #eee, #eee);
background-image: linear-gradient(#fff, #eee, #eee);
color: red;
}
・背景色を変更する
hm_submit_btnクラスのbackground-image属性を削除する
hm_submit_btnクラスのbackground属性に任意の色を指定する
例: ボタンの背景色を赤色に変更したい場合
.hm_submit_btn{
text-align: center;
padding: 4px 12px;
line-height: 16px;
cursor: pointer;
font-family: メイリオ, Meiryo, Arial, Verdana, “Helvetica Neue”, Helvetica, sans-serif;
border: 1px solid #aaa;
border-radius: 3px;
background: red;
}
お客様の問題を解決できましたか?
はい
いいえ
ご不明な点がございましたら、
右記フォームよりお問い合わせください。