NewやPickupのアイコン画像を改行して表示したい
スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。
(2)スタイルシート内に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
アイコンを商品名下に改行して表示することができます。
※ただし、トップページと商品一覧ページ、特集一覧ページでは、リンクのマウスオーバーに背景色がテンプレートのでは、横幅いっぱいに背景色が表示されます。ご了承下さいませ。
※背景色を削除されたい場合は、↓こちらから指定方法をご確認下さい。
下記のテンプレートです。
ワインブラック、クレヨン、カフェカラー、ベースボール、オールドクロック、ホワイトブラック、フラワーカフェ、スミ
キョウマチ、ウォールストリート、クリアホワイト、グラスローズ、ササガラ、エレガンスブーケ、ブライダル、フロシキ
・トップページの場合
.top_page_body h2 a { |
・商品一覧ページ、特集一覧ページの場合
.categorylist_page_body h2 a, |
・商品詳細ページの場合
.detail_page_body h2 .item_name { |
(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。
colorには、背景色の上に乗せて見えやすい文字色を指定していますので、背景色を非表示した際、文字が見えにくくなる場合がございます。文字色の指定には、ご注意下さい。
マウスオーバー時に下線を表示されたい場合は、text-decoration: underline;の1行を追加して下さい。
・トップページの場合
.top_page_body h2 A:hover { |
・商品一覧ページ、特集一覧ページの場合
.categorylist_page_body h2 A:hover, |