webdevqa.jp.net

特定の1ページのすべてのページに含まれるdivを非表示にする

特定のWordPressページのdiv(画像を含む)を非表示にするにはどうすればよいですか?

私のページIDは46だと思います。

enter image description here

これが私が変更しようとしているdivです。

<div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;">
    <img src="images/background-bottom.png"/>
</div>

そして、私のメインのCSSファイルにある関連CSSコード:

#static-footer-image body.page-id-46 { 
     display: none; 
}

まだ見せている。これを修正するために私は何をしますか?

4
David Tunnell

URL構造から推測すると、あなたの%postname%パーマリンク構造はアクティブです。だから、代わりにちょっとした内部CSSが役に立ちます、そして、構文はin_page('page_slug')です:

<?php // Do action only on specific page in WP ?>
<?php if( in_page('resourses') ) { ?>
<style>
  #static-footer-image{
      display: none;
  }
</style>
<?php } ?>
2
Mayeenul Islam

次のCSSを使う

body.page-id-46 #static-footer-image { 
     display: none; 
}

そして、 "page-id-46"クラスがbodyタグに適用されていることを確認し、キャッシュをクリアします。他のブラウザやシークレットウィンドウで試してみてください。

10
M-R

それがページIDの場合、セレクタは

body#page-id-46 #static-footer-image

ではない

body.page-id-46 #static-footer-image
2
Patty J. Ayers

これは私のために働く:

body .page-id-46 #static-footer-image { 
     display: none; 
}

これではない:

body.page-id-46 #static-footer-image { 
     display: none; 
}

Bodyの後にスペースを入れて.page-id-46 #static-footer-image{display: none;}とタイプしてください。もう一度クラスかIDかをチェックしてください。私の場合、それはIDです、ここにあなたの参照用の私のコードがあります:

body #post-448 .entry-meta-bar
{
    display:none;
}

これがお役に立てば幸いです。

1
Asif

あなたがCSSでdisplayを持っているかもしれないので、あなたは試すことができます:

body.page-id-46 #static-footer-image { 
     display: none !important; 
}
1