ヘンプ CSS修正
CSS修正の適用方法についてご案内しております。
※対象となるお客様
2009/10/21以前にダウンロードしたテンプレート「ヘンプ」をお使いのショップ様テンプレート「ヘンプ」 - 「お知らせ」部分の表示について
テンプレート「ヘンプ」において、「お知らせ」部分の上下に空白ができる現象が起きていました。
2009/10/21 以前にテンプレート「ヘンプ」をダウンロードされたショップオーナー様は、下記の修正方法を行うことで表示が改善されます。
該当のショップオーナー様にはお手数をお掛けいたしまして大変申し訳ございません。
現在、ダウンロード可能なテンプレート「ヘンプ」ではこちらの現象を修正しております。
仕様変更箇所を適用するには
対応方法は以下の二通りございます。どちらかの対応をお願いします。
1.再度テンプレートを追加する 【※推奨】
2.テンプレートの共通ページCSSを修正する
※上記タグを変更する位置が分からない場合は、再度ご利用のテンプレートを追加していただき、上記変更後のタグが記述されている位置をご確認ください。
【共通CSS】編集内容
タグの編集箇所を確認
指定タグを削除、挿入
ピンクエリアの追加タグ を挿入してください。(1箇所あります)
/* -------------------------------------
* お知らせエリア
* 箇条書きでお知らせを掲載する際にご利用ください
* ※初期設定では適用されていません
* ------------------------------------- */
.info_bg {
background:transparent url(http://img.shop-pro.jp/tmpl_img/26/info_bg.jpg) 0px 0px repeat-y;
padding:0px 0px 5px;
width:565px;
}
.info_title {
background:transparent url(http://img.shop-pro.jp/tmpl_img/26/info_top_bg.jpg) 0px 0px no-repeat;
color:#6d2916;
font-weight:bold;
padding:7px 15px;
margin:0px;
}
.info_text {
color:<{$font_color}>;
padding:0px 15px;
}
.info_text_bottom {
margin-top:10px;
}
.info_block {
width:550px;
margin:0px auto;
padding:15px 0px 0px;
background:#ffffff;
}
.info_bottom {
background:transparent url(http://img.shop-pro.jp/tmpl_img/26/info_bottom_bg.jpg) 0px 0px no-repeat;
height:5px;
margin-bottom:20px;
}
/* -------------------------------------
* フリースペース
* ------------------------------------- */
以上で挿入作業は完了です。