ヘンプ CSS修正

ヘンプ CSS修正 ~旧テンプレートをご利用の方へ~
このページでは、テンプレート「ヘンプ」の旧テンプレートをご利用の方を対象に、
CSS修正の適用方法についてご案内しております。

※対象となるお客様

 2009/10/21以前にダウンロードしたテンプレート「ヘンプ」をお使いのショップ様

テンプレート「ヘンプ」 - 「お知らせ」部分の表示について

テンプレート「ヘンプ」において、「お知らせ」部分の上下に空白ができる現象が起きていました。
2009/10/21 以前にテンプレート「ヘンプ」をダウンロードされたショップオーナー様は、下記の修正方法を行うことで表示が改善されます。
該当のショップオーナー様にはお手数をお掛けいたしまして大変申し訳ございません。

現在、ダウンロード可能なテンプレート「ヘンプ」ではこちらの現象を修正しております。

仕様変更箇所を適用するには

対応方法は以下の二通りございます。どちらかの対応をお願いします。

1.再度テンプレートを追加する 【※推奨】

2.テンプレートの共通ページCSSを修正する

テンプレートの編集はCSSのみです。 使用するテンプレートを確認し、指定箇所の編集を行ってください。
■CSS … 【共通】のCSS の該当箇所にCSSプロパティを追加します。

※上記タグを変更する位置が分からない場合は、再度ご利用のテンプレートを追加していただき、上記変更後のタグが記述されている位置をご確認ください。

【共通CSS】編集内容

タグの編集箇所を確認

下記の【共通CSSソース】の、 <!-- 黄色いマークの文字列 --> が編集箇所の目安となりますので、文字列を【共通CSS】内にて検索します。

指定タグを削除、挿入

<!-- 黄色いマークの文字列 --> を検索後、
 ピンクエリアの追加タグ を挿入してください。(1箇所あります)
【共通CSSソース】

/* -------------------------------------
* お知らせエリア
* 箇条書きでお知らせを掲載する際にご利用ください
* ※初期設定では適用されていません
* ------------------------------------- */

.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;
}

/* -------------------------------------
* フリースペース
* ------------------------------------- */



以上で挿入作業は完了です。

この記事は役に立ちましたか?
  • はい (350)
  • いいえ (14)
2017.07.31