Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
content下部とfooter の間...
 
通知
すべてクリア

[解決済] content下部とfooter の間の余白について

7 投稿
4 ユーザー
4 Likes
835 表示
zaw
 zaw
(@zaw)
投稿: 15
メンバー
Topic starter
 

サイドバーなしの固定ページにてページを制作していますが、コンテンツの下部とフッターの間に空白ができてしまい困っています。

クロームの検証で調べると、.l-content の margin の幅を 0にすると空白を無くすことができたのですが、こちらは設定上で調節が可能なのでしょうか?
それとも、直接CSSで修正しなければならないのでしょうか?

検索してみても解決方法がみつからず困っています。
どなたか御存知の方がいらっしゃれば、お手数ですがアドバイスをお願いします。
よろしくお願いします。

スクリーンショット 2021 12 01 19.35.44
スクリーンショット 2021 12 01 19.13.35
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.6.1
利用中のPHPバージョン
7.4.25
OS
MacOS
利用中のWordPressバージョン
5.8.2
利用中のサーバー会社
Xserver
ブラウザ
Chrome
利用中のプラグイン一覧

Blocks Animation: CSS Animations for Gutenberg Blocks
Contact Form 7
Yoast Duplicate Post

 
投稿済 : 01/12/2021 7:44 pm
kotatu
(@kuziramoti)
投稿: 10
メンバー
 

元々余白がある設定になっているので追加CSSでカスタマイズする必要があります。

 
投稿済 : 01/12/2021 8:20 pm
skillsharejp reacted
かんた
(@swell_mania)
投稿: 628
Https://webrent.xsrv.jp/
 

ページ編集画面右手の「SWELL設定」にある
「コンテンツ下の余白をなくす」にチェックを入れると余白は消えます。

.l-contentのmarginはそのままですが、#contentにmargin-bottom: 0が追加される仕組みです。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 01/12/2021 8:20 pm
skillsharejp reacted
しらこ
(@96ssbike)
投稿: 860
メンバー
 

このあたりに余白については少しまとめてみました。よかったらどうぞ。

https://tecchan.jp/swell-tips/entry/page-yohaku/

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 01/12/2021 8:23 pm
momo and skillsharejp reacted
zaw
 zaw
(@zaw)
投稿: 15
メンバー
Topic starter
 

@kotatu 

アドバイスありがとうございます。
設定の方法で解決しました。
今後ともよろしくお願いします。

 
投稿済 : 02/12/2021 9:08 am
zaw
 zaw
(@zaw)
投稿: 15
メンバー
Topic starter
 

@96ssbike 

アドバイスありがとうございます。
サイト拝見させて頂きました。

ちょうど上部の余白についても悩んでいましたので一石二鳥です!
その他にも参考になる記事が多くて助かります。

ありがとうございました。
今後ともよろしくお願いします。

 
投稿済 : 02/12/2021 9:15 am
zaw
 zaw
(@zaw)
投稿: 15
メンバー
Topic starter
 

@swell_mania 

アドバイスありがとうございます。
問題解決しました!
かゆいところに手が届くような、swellの良さを改めて実感です。

swellマニアさんはいつも参考にさせて頂いております。
今後ともよろしくお願いします。

 
投稿済 : 02/12/2021 9:19 am
共有: