いつもお世話になっております。
ページレイアウトについてお聞きしたいことがございます。
現在、ページ左サイドにカテゴリー画像を表示させておりますが、
カテゴリー画像とカテゴリー画像の
縦幅の間隔が狭く（1px程度の間隔か）、
もう少し広くしたいので（2px〜3px程度の間隔）、
その間隔の設定方法をご教示いただけますでしょうか。
恐れ入りますが、何卒よろしくお願い致します。
専用の設定はございませんので「desing.css」での対象のスタイルの調整またはスタイルを追加する事により間隔を調整できます。
「desing.css」はデザイン設定画面を開き適用中テンプレートの[CSS]リンクを開いてください。
スタイルシート一覧画面の「desing.css」の[編集]ボタンを押して表示される以下のスタイルの「1px」の数値を変更して調整して下さい。
.category_list ul.category > li { /* 1階層目 */
border-width: 0 0 1px;
border-color: #f0f0f0;
}
※スタイルは「Ctrl+F」キーを押して「.category_list ul.category > li」と検索するとすぐに見つかります。
※ご利用のテンプレートにより異なる場合がございますので予めご了承下さい。
スタイルを追加する場合のサンプルは以下の通りです。
<style>
.category_list ul.category > li { /* 1階層目 */
border-width: 0 0 1px;
}
</style>
※上記同様「1px」の数値を変更して調整して下さい。
スタイルは以下の方法で追加して下さい。
1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック
以上を参照いただきお試し下さい。
お世話になっております。
早速のご回答、誠にありがとうございます。
design.cssで「.category_list ul.category > li 」の
パラメーター変更により、カテゴリー画像とカテゴリー画像の
間隔を広げることができました。
以上、よろしくお願い致します。