[ 解決済 ] フッターウィジェットの上とコンテンツ下の余白

[牧野守]

■ 利用テーマとバージョン :
katawaraの1.2.1

■ 質問内容：
フッターウィジェット部分の上とコンテンツ下の余白が出てしまいます。
ここを0にしたいのですが、方法はないでしょうか??

Attachments:

You must be logged in to view attached files.

[うなこ]

以下の方法でいかがでしょうか？お好みの方で実装してみてください。

▼追加CSSで実装する場合
カスタマイズの追加CSSに以下のCSSを入れますと、全てのページの下部が0になります。

.l-container_inner {
    padding-bottom: 0;
}

トップページのみ効かせたい場合などは、以下のCSSで調整できるかなと思います。

.home .l-container_inner {
    padding-bottom: 0;
}

▼デザイン設定機能で実装する場合（添付画像参照）
管理画面の固定ページから、Katawara レイアウト設定がございますので、そちらの「余白設定」の
「サイトコンテンツの上下余白を無しにする」 にチェックを入れますと、上下の余白が無くなります。

上の余白も無くなりますので、上の部分に余白を付けたい場合は、レスポンシブスペーサーブロックなどを挿入していただき、お好みの余白を付けてください。

Attachments:

You must be logged in to view attached files.

[牧野守]

教えてくださり、本当にありがとうございます。
全ての方法を試したのですが、下側の余白が完全になくなりません。
何が原因なのでしょうか??
※上の余白はなくなりました

Attachments:

You must be logged in to view attached files.

[junon]

urlを教えてもらえば、すぐにわかるんですけどね。
職種、事務所名で検索しても出てこないから、ローカルで作業してる段階でしょうか。

メインコンテンツとフッターの間で、
色が変わっていないところを見ると
メインコンテンツのmargin-bottomも、フッターのmargin-topも無いので、
・フッター上部のウィジェットエリアになにか入れているか、
・空のPタグがあるのか。

これが関係ないと
私は、urlを見て、コードを見ないとわからないですね。

[ls-t]

こんばんは。
外観 > カスタマイズ > katawaraフッター設定 > フッターウィジェット設定 > フッター上部ウィジェットの余白　で「余白を削除」を選択するのはどうでしょうか？

もし変わらなければ、この現象がどのページで起こるのか（特定の固定ページのみ、トップページだけ、投稿ページの一部あるいはすべてで、など）を教えていただけると原因が絞り込みやすいかもしれません。

[牧野守]

ご返信いただき、ありがとうございます。

http://souzoku-sugiura.com/
ベーシック認証がかかっています。
ID:sugi
PASS:ura

です。
ご指摘いただいた点は全て作業いたしました。
原因が分かれば教えていただきたいです。

[junon]

添付画像なので
homeの固定ページの
空のPタグ
ですかね。

Attachments:

You must be logged in to view attached files.

[牧野守]

一度ページ内の要素を削除しました。
再度要素を追加したところ、無事に余白が削除されました。

皆さんのご指摘に本当に感謝いたします。

[junon]

解決でき、良かったです。

空P。 厄介ですよね。ブロックエディタでは気づきにくいことが多い。
例えば
https://vs4.nagoya/sample01/
（mimiさん、ごめんなさい）

添付のように消し忘れる時があり、それにCSSがあたってると、思いがけない表示になったりします。
たまたま、都合の良い余白代わりになることもありますが、空のタグをそのように使うのは良くないです。

特に、コンテンツの最後の行。
私はいつもチェックしています。

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿