StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHide a div that is part of all pages on one specific wordpress page
text
Body
copied!<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><div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;"> <img src="images/background-bottom.png"/> </div> </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><body class="<?php hybrid_body_class(); ?>"> </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><?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 */ ?> <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php bloginfo( 'charset' ); ?>" /> <title><?php hybrid_document_title(); ?></title> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="all" /> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>  <script src="<?php bloginfo('stylesheet_directory'); ?>/lib/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>  <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />  <script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.fancybox.pack.js?v=2.0.6" type="text/javascript"></script>  <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />  <script src="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-buttons.js?v=1.0.2" type="text/javascript"></script> <script src="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-media.js?v=1.0.0" type="text/javascript"></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />  <script src="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-thumbs.js?v=2.0.6" type="text/javascript"></script> <?php do_atomic( 'head' ); // @deprecated 0.9.0. Use 'wp_head'. ?> <?php wp_head(); // wp_head ?> </head> <body class="<?php hybrid_body_class(); ?>"> <?php do_atomic( 'before_html' ); // hybrid_before_html ?> <div id="body-container"> <?php do_atomic( 'before_header' ); // hybrid_before_header ?> <div id="header-container"> <div id="header"> <?php do_atomic( 'header' ); // hybrid_header ?> </div> </div> <?php do_atomic( 'after_header' ); // hybrid_after_header ?> <div id="homepage-container">  <div id="uway-container">  </div> <div id="container"> <?php do_atomic( 'before_container' ); // hybrid_before_container ?> <?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 */ ?> <?php do_atomic( 'after_container' ); // hybrid_after_container ?> </div> <div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;"> <img src="http://www.unitedway.zhi.com/wp-content/themes/hybrid-uway/images/background-bottom.png"/> </div>  </div>  <div id="footer-container"> <?php do_atomic( 'before_footer' ); // hybrid_before_footer ?> <div id="footer"> <?php do_atomic( 'footer' ); // hybrid_footer ?> </div> <?php do_atomic( 'after_footer' ); // hybrid_after_footer ?> </div> </div> <?php do_atomic( 'after_html' ); // hybrid_after_html ?> <?php wp_footer(); // wp_footer ?> </body> </html> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload