Cafe24新着情報
[スマホショップ] Googleログインのデザイン適用方法 - CSS
2019-03-06
平素よりcafe24をご利用いただき、ありがとうございます。
モバイルでGoogleログインボタンが正常に表示されるよう、
下記のガイドに従ってデザインソースコードを編集してください。
詳細は以下をご参照ください。
■ デザインソースコード
Mobileデザイン > デザイン編集
1. 位置: /css/module/member/login.css
▼下記ように赤色のソースコードを削除し、青色のソースコードを入力してください。
| .xans-member-login .snsLogin .btnGoogle { display:block; margin:10px 0 0; border:0; border-radius:2px; font-size:13px; color:#fff; text-align:center; height:34px; line-height:33px; padding:0 0 0 45px; background:#df4a32 url("//img.echosting.cafe24.com/skin/mobile/member/ico_btn_google.png") no-repeat 12px 1px; background-size:33px 33px; display:block; margin:10px 0 0; border:0; border-radius:2px; font-size:13px; color:#fff; text-align:center; height:33px; line-height:33px; padding:0 0 0 45px; background:#517ff3 url("//img.echosting.cafe24.com/skin/mobile/member/ico_google.png") no-repeat 0 -0px; background-size:auto 31px; border:1px solid #517ff3; -moz-box-sizing:border-box; box-sizing:border-box; } .xans-member-login .snsLogin .btnKakao { |
2. 位置: /css/module/intro/memberPackage.css
▼下記ように赤色のソースコードを削除し、青色のソースコードを入力してください。
| .xans-member-login .snsLogin .btnGoogle { display:block; margin:10px 0 0; border:0; border-radius:2px; font-size:13px; color:#fff; text-align:center; height:34px; line-height:33px; padding:0 0 0 45px; background:#df4a32 url("//img.echosting.cafe24.com/skin/mobile/member/ico_btn_google.png") no-repeat 12px 1px; background-size:33px 33px; display:block; margin:10px 0 0; border:0; border-radius:2px; font-size:13px; color:#fff; text-align:center; height:33px; line-height:33px; padding:0 0 0 45px; background:#517ff3 url("//img.echosting.cafe24.com/skin/mobile/member/ico_google.png") no-repeat 0 -0px; background-size:auto 31px; border:1px solid #517ff3; -moz-box-sizing:border-box; box-sizing:border-box; } .xans-member-login .snsLogin .btnKakao { |
cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。
今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。
引き続き、ご愛顧のほどよろしくお願い申し上げます。
ご不便・ご不明な点等ございましたら、0120-150-264または「お問い合わせ」まで、お気軽にお問い合わせください。