Hide a div that is part of all pages on one specific page

How can I hide a div (which contains an image) for a specific WordPress page?

I believe my page id is 46:

enter image description here

Here is the div I am trying to change:

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

And the associated CSS code in my main CSS file:

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

It is still showing. What do I do to fix this?

6 s

Guess from the URL structure, your %postname% permalink structure is active. So, a bit of internal CSS can help alternatively, and the syntax is in_page('page_slug'):

<?php // Do action only on specific page in WP ?>
<?php if( in_page('resourses') ) { ?>
      display: none;
<?php } ?>

Leave a Comment