会員サイトをリニューアルしました! 新サイトはこちら

トップページのメインビジュアル下の余白を消したい < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

トップページのメインビジュアル下の余白...
 
通知
すべてクリア

トップページのメインビジュアル下の余白を消したい

10 投稿
3 ユーザー
0 Likes
421 表示
tomo.k8
(@tomo-k8)
Active Member
Topic starter
 

お世話になります。

メインビジュアル下の余白を消したいのですが、どうすればいいのでしょうか?

コンテンツ上の余白量はなしに設定しています。

すみませんがよろしくお願いします。

https://nobi-blo.com

 
投稿済 : 28/10/2021 1:37 pm
しらこ
(@96ssbike)
Prominent Member
 

外観>メニューから、ピックアップバナーに割り当てているメニューから「ピックアップバナー」のチェックを外してください。もしくは、そのメニュー自体を削除してください。

にゃーん .

 
投稿済 : 28/10/2021 2:50 pm
tomo.k8
(@tomo-k8)
Active Member
Topic starter
 

@96ssbike

しらこさんありがとうございます!

ピックアップバナーは設定していないようです...

 
投稿済 : 30/10/2021 2:58 am
かんた
(@swell-mania)
Reputable Member
 

カスタマイザー→「トップページ」→「その他」、

コンテンツの余白量を「無し」にしましょう。

SWELLマニアというサイトを運営しています!

 
投稿済 : 30/10/2021 3:02 am
しらこ
(@96ssbike)
Prominent Member
 

@swell-mania あれ、そっちでしたか…?

@tomo-k8 一応、根拠はあって、この設定項目を解除しないと、この部分は外れないんです(トップページの余白量を0にしても残ることを確認しました)

にゃーん .

 
投稿済 : 30/10/2021 3:07 am
tomo.k8
(@tomo-k8)
Active Member
Topic starter
 

@96ssbike

しらこさん何度もすみません。

やはり、メニューで確認してもピックアップバナーは設定していないようです。

直接消す方法はないのでしょうか?

 
投稿済 : 31/10/2021 4:59 am
しらこ
(@96ssbike)
Prominent Member
 

@tomo-k8 直接は、追加CSSで

.p-pickupBanners {
display: none;
}

または、

.p-pickupBanners {
margin-bottom: 0;
}

で消えるとは思います。

ですが、これでは根本的な解決ではなく、
ピックアップバナーを設定しているメニューがどこかに隠れているかもしれないので、
「編集するメニューを選択」で、ひとつひとつ探すと良いと思います。

にゃーん .

 
投稿済 : 31/10/2021 5:05 am
tomo.k8
(@tomo-k8)
Active Member
Topic starter
 

@96ssbike

追加CSSにて消すことができました!

メニューは2つしかなく何度確認してもピックアップバナーは設定していないんです...

ありがとうございました!

 
投稿済 : 31/10/2021 5:09 am
しらこ
(@96ssbike)
Prominent Member
 

@tomo-k8 とりあえず対症療法ですが、CSSで消せて良かったです。

しかし、それが謎なんですよねー。

今回、ピックアップバナーの設定場所って、おそらくメニュー>ピックアップバナーと、あとは外観>カスタマイズ>トップページ>ピックアップバナーくらいしかないと思ったのですが、他の部分にもあるのでしょうか?
いずれにしても、設定していないとおっしゃるのにCSSで.p-pickupBanners(←ピックアップバナーのクラス名)の部分を非表示にするか、マージンを0にして直るという不思議さです。

他に何かわかる方がいらっしゃれば知見のご共有をお願いいたします。

にゃーん .

 
投稿済 : 31/10/2021 5:19 am
しらこ
(@96ssbike)
Prominent Member
 

カスタマイザー→「トップページ」→「その他」、

コンテンツの余白量を「無し」にしましょう。

ちなみに、かんたさんが指摘されていた部分では、別のクラス名の部分のpaddingが変更されるもので、

.top #content {
padding-top: 4em;
}

が、狭めで2emになったり、なしで0になるものです。

位置としては、画像のピンクで囲った緑色の部分を消したり減らしたりするもので、今回はその下の青い部分に含まれている.p-pickupBannersをとりあえずCSSで消したものです。

にゃーん .

 
投稿済 : 31/10/2021 5:33 am
共有: