[ 解決済 ] フッター背景画像サイズについて

[中村]

■ WordPress のバージョン
WordPress5.9

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
子テーマ　lightning-child-sample 0.5.1

■ Pro Unit のバージョン
0.15.1

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
Contact Form 7　バージョン 5.5.5
iframe　バージョン 4.5
Insert PHP Code Snippet　バージョン 1.3.2
Lightning G3 Pro Unit　バージョン 0.15.1
Simple Custom CSS and JS　バージョン 3.38.1
UpdraftPlus – バックアップ/復元　バージョン 1.22.1

■ 期待する動作
フッター背景画像の上下左右が切れることなく表示される
または、フッター上部の画像が全幅表示され、フッターとのすき間なく表示される

■ 自分で試した事
画像サイズの変更（1786 x 838 ピクセル、1786 x 600 ピクセル、1786 x 419 ピクセル、1900 x 600 ピクセル）

フッター背景画像の位置の変更（標準、カバー）

フッターに背景画像を設定せず背景色を指定、ウィジェット>フッター上部　に画像を指定（1786 x 419 ピクセル）

■ 症状が発生するブラウザ
Google Chrome　Microsoft Edge

■ 実際の症状
画像サイズの変更（1786 x 838 ピクセル、1786 x 600 ピクセル、1786 x 419 ピクセル、1900 x 600 ピクセル）
↑上部が切れる

フッター背景画像の位置の変更（標準、カバー）
↑標準にすると画像が拡大され、右と下部が切れる

フッターに背景画像を設定せず背景色を指定、ウィジェット>フッター上部　に画像を指定（1786 x 419 ピクセル）
↑フッター上部の画像が全幅表示にならない、フッター上部とフッターの間にすき間が生じる

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

フッター背景画像の機能では、ちょっと細かい調整ができませんので、今のウィジェットに画像を入れた状態でCSSで調整するのはいかがでしょうか。

追加CSSなどに以下のCSSを貼り付けてみてください。
いかがでしょうか

<!-- フッター上の画像調整 -->
.site-body-bottom .container{
    max-width:100%;
    padding:0;
}

.site-body-bottom .container .widget .wp-block-image{
    margin-bottom:0;
}
.site-body-bottom .container .widget .wp-block-image img {
    width: 100vw;
}
.site-footer{
    border-top:none;
}

• この返信は2年、 2ヶ月前にうなこが編集しました。

[中村]

回答いただいたCSSを追加CSSに貼り付けたところ、無事解決しました。
ありがとうございます。

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿