フッターの色（3種類）をページごとに使い分けしたい

■ WordPress のバージョン
7.1.3

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

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

■ テーマのバージョン
子テーマ　lightning child バージョン0.5.1 (Lightningバージョン: 15.42.0)

■ Pro Unit のバージョン
バージョン 0.32.3

■ スキンの種類
プレーン

■ プラグインの種類・バージョン
All-in-One WP Migration and Backup バージョン 7.112
Duplicator バージョン 5.0.6
Ghost Kit バージョン 3.7.2
Invisible reCaptcha バージョン 1.3.3
Lightning G3 Pro Unit バージョン 0.32.3
PublishPress Future Free バージョン 4.11.2
Simple Custom CSS and JS バージョン 3.54.3
SiteGuard WP Plugin バージョン 1.8.9
TablePress バージョン 3.4.1
TablePress Extension: Responsive Tables バージョン 1.8
　※This TablePress Extension was retired
VK All in One Expansion Unit バージョン 9.123.1
VK Block Patterns バージョン 1.39.1
VK Blocks Pro バージョン 1.129.0
VK Legacy Notice バージョン 0.2.0
VK Link Target Controller バージョン 1.10.5
WP Multibyte Patch バージョン 2.9.3

■ 期待する動作
・ページによりフッターの色（3色）の使い分けができるようにしたい

トップページ、事務局ページ：フッター色　#64ab9f（緑）
不燃物ページ：フッター色　#7ea6e0（青）
消防ページ：フッター色　#ffb364（オレンジ）

フッター色オレンジのページ数が多くなる予定なので、Lightning フッター設定>フッタースタイル設定>フッター背景色は　#ffb364　（オレンジ）にしています。

トップページは「footer1」のように（#64ab9f）の表示にしたい。
※フッター上画像の全幅表示については別トピで質問を作成しています。

フッター上部の画像を全幅表示させたい

■ 自分で試した事
外観＞カスタマイズ＞追加 CSS部分の変更を
よくわからない状態ですが行いました。

検証で
<footer class=”site-footer”>
<div class=”container site-footer-content”>
となっていたので

追加 CSSの該当箇所
<!– トップページのフッター色変更 –>
.home .site-footer {
background-color: #64ab9f;
}

を

<!– トップページのフッター色変更 –>
.home .container .site-footer-content{
background-color: #64ab9f;
}

にしてみましたが、色は変わりませんでした。
全角スペース、半角スペースの確認も行っています。

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

■ 実際の症状
現状は「footer2」のようにフッターの色がオレンジ（#ffb364）のままで、
トップページ、事務局ページ、不燃物ページのフッター色変更が上手くいかない。
※トップページの色変更で躓いている状態です。

■ その他特記事項
PHP 7.4.33
WordPress 5.9.19
lightning child バージョン0.5.1 (Lightningバージョン: 15.1.3)
Lightning G3 Pro Unit バージョン 0.17.1
VK All in One Expansion Unit バージョン 9.75.0.0
VK Blocks Pro バージョン 1.109.2.0
※このプラグインは現在使用中の WordPress のバージョンでは動作しません。 WordPress を更新してください。の表示あり

の環境下では以前フォーラムで回答いただいたCSSの追加で問題なく表示されていたのですが

[ 解決済 ] ウィジェット>フッター上部の画像（３種類）とフッターの色（3種類）をページごとに使い分けしたい

2026年10月21日に発表されたPHPの深刻な脆弱性（通称「PHP2Shell」）対応のためPHPを8.4（パッチ適用済）
WordPress本体・テーマ・プラグインを最新版に更新したところ、表示が崩れてしまいました。

※フッター上部の画像（３種類）の使い分けについては自力で解決しました。
前回
<!– トップページのフッター上画像　青とオレンジ非表示 –>
.home .site-body-bottom .widget_media_image#block-70,
.home .site-body-bottom .widget_media_image#block-71{
display:none;
}

今回
<!– トップページのフッター上画像 緑表示 青非表示 オレンジ非表示 –>
.home .site-body-bottom .widget_media_image#block-84{
display:block;
}
.home .site-body-bottom .widget_media_image#block-83{
display:none;
}
.home .site-body-bottom .widget_media_image#block-86{
display:none;
}

試行錯誤の際、ブロックのIDが変わっています（#block-84が緑、#block-83が青、#block-86がオレンジ）