中村
フォーラムへの返信
-
投稿
-
この3ページ（home、page-id-39、page-id-41）以外は
id=”block-71″（オレンジの画像）+ フッター色 #ffb364
にしたかったので:not(.home):not(.page-id-39):not(.page-id-41) .site-body-bottom .widget_media_image#block-46,
:not(.home):not(.page-id-39):not(.page-id-41) .site-body-bottom .widget_media_image#block-70{
display:none;
}を追加しました。
の方法で上手くいかなかったので、もう一度body の classを見直して
<!– 投稿ページフッター上画像 青と緑非表示 –>
.post-template-default .site-body-bottom .widget_media_image#block-46,
.post-template-default .site-body-bottom .widget_media_image#block-70{
display:none;
}<!– 親ページフッター上画像 青と緑非表示 –>
.page-parent .site-body-bottom .widget_media_image#block-46,
.page-parent .site-body-bottom .widget_media_image#block-70{
display:none;
}で解決しました。
ありがとうございます。
トップページ、事務局ページ(page-id-39)：id=”block-46″（緑の画像）+ フッター色 #64ab9f
不燃物ページ（page-id-41）：id=”block-70″（青の画像）+ フッター色 #7ea6e0の表示上手くいきました。
フッターとの間にすき間があったので
.site-body-bottom .container .widget_media_image{
margin-bottom:0;
}
を追加したところ上手くいったようです。この3ページ（home、page-id-39、page-id-41）以外は
id=”block-71″（オレンジの画像）+ フッター色 #ffb364
にしたかったので:not(.home):not(.page-id-39):not(.page-id-41) .site-body-bottom .widget_media_image#block-46,
:not(.home):not(.page-id-39):not(.page-id-41) .site-body-bottom .widget_media_image#block-70{
display:none;
}を追加しました。
上手くいったと思ったのですが、home、page-id-39、page-id-41のウィジェット>フッター上部の画像が表示されません。
ウィジェットに色違い画像3つとも入れてみました。
緑が id=”block-46″
青が id=”block-70″
オレンジが id=”block-71″ です。トップページは緑にしたいので
青のブロック（id=”block-70″）を消す、オレンジのブロック（id=”block-71″）を消す
ということでしょうか？CSSの書き方が良く分からないのですが、↓ここにid=”block-70″とid=”block-71″を指定
すれば良いですか？
.home .site-body-bottom .container .widget .wp-block-image img {
display:none;
}↑トップページのウィジェット>フッター上部の画像が非表示になっています。
フッター色の変更について
>例えば、 background-color:〇〇;の前に全角スペースが入っていませんか？
スペースを消してみたところ無事色変え成功しました！（緑、青とも）
ありがとうございます。
知らないうちに全角スペースを使っていたようです。ウィジェット>フッター上部の画像の変更については
どのようにCSSを書けば良いのかよく分からない状況です。不燃物ページのbody classが
<body class=”page-template-default page page-id-41 logged-in admin-bar wp-embed-responsive vk-blocks fa_v5_css customize-support device-pc scrolled header_scrolled”>
となっていたので、
.page-id-41にしてみたのですがフッター色変更反映されません。他のページで試してみたところ（事務局ページ）、
<body class=”page-template-default page page-id-39 logged-in admin-bar no-customize-support wp-embed-responsive vk-blocks device-pc fa_v5_css”>
のページで
.page-id-39 .site-footer{
background-color: #64ab9f;
}
を追加したところ、一度はフッター色が緑色に変更されたのですが、その後
.page-id-39 .site-footer{
background-color: #7ea6e0;
}
に変えて青色になるか確認したところ反映されず（オレンジ）
先ほど上手くいった緑色のコードに戻したのですが、反映されません（オレンジ）
.page-id-39 .site-footer{
background-color: #64ab9f;
}ウィジェット>フッター上部の画像はこのあたりかと思うのですが、
<div class=”site-body-bottom”>
<div class=”container”>
<aside class=”widget widget_block widget_media_image” id=”block-46″>
<figure class=”wp-block-image size-large”>
</figure>
</aside> </div>追加CSSに
<!– トップページのフッター上画像変更 –>
.home .home .site-body-bottom .container .widget .widget_block .widget_media_image{ url(https://procyon.fukushi-net.or.jp/renew_kenou/wp/wp-content/uploads/2022/02/footer-b.png);
}
を追加してみたのですが反映されません。
url以下が赤字になっていたので指定の仕方自体を間違っているのかと思います。
