NewやPickupのアイコン画像を改行して表示したい

2009-06-17 12:56

スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

「デザイン管理」>「スタイルシート編集」

(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。

(2)スタイルシート内に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

アイコンを商品名下に改行して表示することができます。
※ただし、トップページと商品一覧ページ、特集一覧ページでは、リンクのマウスオーバーに背景色がテンプレートのでは、横幅いっぱいに背景色が表示されます。ご了承下さいませ。
※背景色を削除されたい場合は、↓こちらから指定方法をご確認下さい。

下記のテンプレートです。



・トップページの場合

.top_page_body h2 a {
display: block;
}


・商品一覧ページ、特集一覧ページの場合

.categorylist_page_body h2 a,
.pickuplist_page_body h2 a {
display: block;
}


・商品詳細ページの場合

.detail_page_body h2 .item_name {
display: block;
}



(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。


※背景色を非表示する場合
背景色を削除される場合は、スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
colorには、背景色の上に乗せて見えやすい文字色を指定していますので、背景色を非表示した際、文字が見えにくくなる場合がございます。文字色の指定には、ご注意下さい。
マウスオーバー時に下線を表示されたい場合は、text-decoration: underline;の1行を追加して下さい。

・トップページの場合

.top_page_body h2 A:hover {
color: #000000;
background-color: #transparent;
}


・商品一覧ページ、特集一覧ページの場合

.categorylist_page_body h2 A:hover,
.pickuplist_page_body h2 A:hover {
color: #000000;
background-color: #transparent;
}