フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
トップページのメインビジュアル下の余白を消したい < SWELLに関する質問
お世話になります。
メインビジュアル下の余白を消したいのですが、どうすればいいのでしょうか?
コンテンツ上の余白量はなしに設定しています。
すみませんがよろしくお願いします。
外観>メニューから、ピックアップバナーに割り当てているメニューから「ピックアップバナー」のチェックを外してください。もしくは、そのメニュー自体を削除してください。
にゃーん .
@swell-mania あれ、そっちでしたか…?
@tomo-k8 一応、根拠はあって、この設定項目を解除しないと、この部分は外れないんです(トップページの余白量を0にしても残ることを確認しました)
にゃーん .
@tomo-k8 とりあえず対症療法ですが、CSSで消せて良かったです。
しかし、それが謎なんですよねー。
今回、ピックアップバナーの設定場所って、おそらくメニュー>ピックアップバナーと、あとは外観>カスタマイズ>トップページ>ピックアップバナーくらいしかないと思ったのですが、他の部分にもあるのでしょうか?
いずれにしても、設定していないとおっしゃるのにCSSで.p-pickupBanners(←ピックアップバナーのクラス名)の部分を非表示にするか、マージンを0にして直るという不思議さです。
他に何かわかる方がいらっしゃれば知見のご共有をお願いいたします。
にゃーん .
カスタマイザー→「トップページ」→「その他」、
コンテンツの余白量を「無し」にしましょう。
ちなみに、かんたさんが指摘されていた部分では、別のクラス名の部分のpaddingが変更されるもので、
.top #content { padding-top: 4em; }
が、狭めで2emになったり、なしで0になるものです。
位置としては、画像のピンクで囲った緑色の部分を消したり減らしたりするもので、今回はその下の青い部分に含まれている.p-pickupBannersをとりあえずCSSで消したものです。
にゃーん .