楽天レフトナビでの上下スペースについて

Question

お世話になります。
レフトナビで画像を入れ込んだ際、
画像と画像の間がすごくスペースが空くような気がします。

こちらをもう少し詰めたいのですが、どうすれば詰められますか？

一度サイトでのレフトナビを確認頂ければ幸いです。

Answer

ECマスターズの伊藤です。

> レフトナビで画像を入れ込んだ際、
> 画像と画像の間がすごくスペースが空くような気がします。
> 
> こちらをもう少し詰めたいのですが、どうすれば詰められますか？

shop/css/style.css

に記述されている

.pt10{padding-top:10px!important;}

が、画像の上の余白を指定している箇所になっております。

上記数字を修正していただくか
１行削除いただければ
余白を削除していただくことができます。

なお、上記を削除される際、
他の箇所に影響がないかも合わせて
ご確認をお願いいたします。

Answer

ありがとうございます。削除してみたのですが、、、、
特に変わった感じが感じられないのは私だけでしょうか、、

Answer

ECマスターズの田中です。

.pt10があった時と比較すると
若干詰まっておりますが、
何も指定しなくても存在する、
タグ本来の上下の間隔が空いている状態となっております。

これ以上詰める場合ですが、
特にタグをご利用いただく理由がなければ、
各バナーを囲む  および  を
削除していただきますようお願いします。

その上で、タグを囲むタグに、たとえば

のように「pt＋半角数字２桁」という形式でclassをつけて、
必要なぶんだけ上の余白を空けていただくことで
余白を調整していただくことができます。

なお、伊藤からの提案によるご対応の結果で申し訳ないのですが、
style.cssから
.pt10{padding-top:10px!important;}
を削除されたことにより、
pt10を使う別の要素の余白も詰まってしまっておりますので、
こちらを再びstyle.cssにご記載いただきますようお願いいたします。