楽天GOLD PCトップページの余白調整について

Question

お世話になっております。
余白を調整したくて、cssなどを変更していたのですが、
添付画像の背景色グレーの部分がどこを直せばいいのかわかりません。
(#headerと#headInfoAreaの間の余白部分を20pxにしたい）

お手数お掛けしますが、教えてください。###HR######IMG0e6cbb6de410701a75b82a1ad3873ce3e.jpegIMG0###

Answer

ECマスターズの田中です。

https://www.rakuten.ne.jp/gold/yamaguchi-seni/css/style.css
に含まれている
#headInfoArea ul に対する規則にて、
margin:184px auto 10px;
のように、上部に184pxの余白が設定されていることが原因です。

「184」の数値を減らして調整していただきたいのですが、
他のページで同じstyle.cssを読み込まれている場合、
そのページにおいて余白が想定以上に詰まってしまい、
固定ヘッダーと表示がかぶってしまう、などのトラブルが考えられますので、
他のページで使われていないことをご確認いたいだ上で、調整をお願いします。

Answer

ありがとうございます。
無事調整できました。