title: Hide a div that is part of all pages on one specific wordpress page
body: <p>How can I hide a div (which contains an image) for a specific WordPress page?</p>
  
  <p>I believe my page id is 46:</p>
  
  <p><img src="https://i.stack.imgur.com/Ess6T.png" alt="enter image description here"></p>
  
  <p>Here is the div I am trying to change:</p>
  
  <pre><code>&lt;div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;"&gt;
      &lt;img src="images/background-bottom.png"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the associated CSS code in my main CSS file:</p>
  
  <pre><code>body.page-id-46 #static-footer-image{ 
       display: none; 
  }
  </code></pre>
  
  <p>If I remove the body.page-id-46, it is correctly being hidden on all pages, so it must have something to do with this part of the code.</p>
  
  <pre><code>#static-footer-image{ 
       display: none; 
  }
  </code></pre>
  
  <p>Attached is the PHP for the header.php which so it's on every page...</p>
  
  <pre><code>&lt;body class="&lt;?php hybrid_body_class(); ?&gt;"&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <hr>
  
  <p>EDIT: because this is a wordpress page there is a lot of PHP embedded but here is the is the associated HTML/PHP:</p>
  
  <pre><code>&lt;?php
  /**
   * Header Template
   *
   * The header template is generally used on every page of your site. Nearly all other
   * templates call it somewhere near the top of the file. It is used mostly as an opening
   * wrapper, which is closed with the footer.php file. It also executes key functions needed
   * by the theme, child themes, and plugins. 
   *
   * @package Hybrid
   * @subpackage Template
   */
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html &lt;?php language_attributes(); ?&gt;&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo( 'html_type' ); ?&gt;; charset=&lt;?php bloginfo( 'charset' ); ?&gt;" /&gt;
  &lt;title&gt;&lt;?php hybrid_document_title(); ?&gt;&lt;/title&gt;
  
  &lt;link rel="stylesheet" href="&lt;?php echo get_stylesheet_uri(); ?&gt;" type="text/css" media="all" /&gt;
  &lt;link rel="profile" href="http://gmpg.org/xfn/11" /&gt;
  &lt;link rel="pingback" href="&lt;?php bloginfo( 'pingback_url' ); ?&gt;" /&gt;
  
  &lt;!-- Add jQuery library --&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Add mousewheel plugin (this is optional)
  &lt;script type="text/javascript" src="/lib/jquery.mousewheel-3.0.6.pack.js"&gt;&lt;/script&gt;
  --&gt;
  &lt;script src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/lib/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;!-- Add fancyBox --&gt;
  &lt;link rel="stylesheet" href="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" /&gt;
  &lt;!--&lt;script type="text/javascript" src="/js/jquery.fancybox.pack.js?v=2.0.6"&gt;&lt;/script&gt;--&gt;
  &lt;script src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/jquery.fancybox.pack.js?v=2.0.6" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;!-- Optionally add helpers - button, thumbnail and/or media --&gt;
  &lt;link rel="stylesheet" href="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" /&gt;
  &lt;!--
  &lt;script type="text/javascript" src="/js/helpers/jquery.fancybox-buttons.js?v=1.0.2"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/js/helpers/jquery.fancybox-media.js?v=1.0.0"&gt;&lt;/script&gt;
  --&gt;
  &lt;script src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/helpers/jquery.fancybox-buttons.js?v=1.0.2" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/helpers/jquery.fancybox-media.js?v=1.0.0" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;link rel="stylesheet" href="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" /&gt;
  &lt;!--&lt;script type="text/javascript" src="/js/helpers/jquery.fancybox-thumbs.js?v=2.0.6"&gt;&lt;/script&gt;--&gt;
  &lt;script src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/js/helpers/jquery.fancybox-thumbs.js?v=2.0.6" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;?php do_atomic( 'head' ); // @deprecated 0.9.0. Use 'wp_head'. ?&gt;
  &lt;?php wp_head(); // wp_head ?&gt;
  
  
  &lt;/head&gt;
  
  &lt;body class="&lt;?php hybrid_body_class(); ?&gt;"&gt;
  
  &lt;?php do_atomic( 'before_html' ); // hybrid_before_html ?&gt;
  
  &lt;div id="body-container"&gt;
  
      &lt;?php do_atomic( 'before_header' ); // hybrid_before_header ?&gt;
  
      &lt;div id="header-container"&gt;
  
          &lt;div id="header"&gt;
  
              &lt;?php do_atomic( 'header' ); // hybrid_header ?&gt;
  
          &lt;/div&gt;&lt;!-- #header --&gt;
  
      &lt;/div&gt;&lt;!-- #header-container --&gt;
      &lt;?php do_atomic( 'after_header' ); // hybrid_after_header ?&gt;
  
  
   &lt;div id="homepage-container"&gt; &lt;!--id="uway-container"&gt; --&gt;
   &lt;div id="uway-container"&gt; &lt;!--id="homepage-container"&gt; --&gt; &lt;/div&gt;
      &lt;div id="container"&gt;
  
          &lt;?php do_atomic( 'before_container' ); // hybrid_before_container ?&gt;
  
  &lt;?php
  /**
   * Footer Template
   *
   * The footer template is generally used on every page of your site. Nearly all other
   * templates call it somewhere near the bottom of the file. It is used mostly as a closing
   * wrapper, which is opened with the header.php file. It also executes key functions needed
   * by the theme, child themes, and plugins. 
   *
   * @package Hybrid
   * @subpackage Template
   */
  ?&gt;
  
  
  
  
          &lt;?php do_atomic( 'after_container' ); // hybrid_after_container ?&gt;
  
      &lt;/div&gt;&lt;!-- #container --&gt;
      &lt;div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;"&gt;
          &lt;img src="http://www.unitedway.zhi.com/wp-content/themes/hybrid-uway/images/background-bottom.png"/&gt;
      &lt;/div&gt;
  &lt;!--     &lt;/div&gt; id="homepage-container"&gt; --&gt;
  
   &lt;/div&gt; &lt;!--id="uway-container"&gt; --&gt;
      &lt;div id="footer-container"&gt;
  
          &lt;?php do_atomic( 'before_footer' ); // hybrid_before_footer ?&gt;
  
          &lt;div id="footer"&gt;
  
              &lt;?php do_atomic( 'footer' ); // hybrid_footer ?&gt;
  
          &lt;/div&gt;&lt;!-- #footer --&gt;
  
          &lt;?php do_atomic( 'after_footer' ); // hybrid_after_footer ?&gt;
  
      &lt;/div&gt;&lt;!-- #footer-container --&gt;
  
  &lt;/div&gt;&lt;!-- #body-container --&gt;
  
  &lt;?php do_atomic( 'after_html' ); // hybrid_after_html ?&gt;
  &lt;?php wp_footer(); // wp_footer ?&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>