Masquer un div qui fait partie de toutes les pages sur une page wordpress

Comment puis-je cacher un div (qui contient une image) pour une page WordPress?

Je crois que mon id de page 46:

Masquer un div qui fait partie de toutes les pages sur une page wordpress

Voici la div je suis en train de changer:

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

Et le code CSS dans mon fichier CSS principal:

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

Si je supprime le corps.page-id-46, il est bien caché sur toutes les pages, il doit donc y avoir quelque chose à voir avec la présente partie du code.

#static-footer-image{ 
     display: none; 
}

Ci-joint le PHP pour l'header.php qui donc, c'est sur chaque page...

<body class="<?php hybrid_body_class(); ?>">

Ce que je fais mal?

EDIT: parce que c'est une page wordpress, il y a beaucoup de PHP incorporé, mais ici, c'est la associée HTML/PHP:

<?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  href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="all" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link  href="<?php bloginfo( 'pingback_url' ); ?>" />
<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!-- Add mousewheel plugin (this is optional)
<script type="text/javascript" src="/lib/jquery.mousewheel-3.0.6.pack.js"></script>
-->
<script src="<?php bloginfo('stylesheet_directory'); ?>/lib/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
<!-- Add fancyBox -->
<link  href="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<!--<script type="text/javascript" src="/js/jquery.fancybox.pack.js?v=2.0.6"></script>-->
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.fancybox.pack.js?v=2.0.6" type="text/javascript"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link  href="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />
<!--
<script type="text/javascript" src="/js/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript" src="/js/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
-->
<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  href="<?php bloginfo('stylesheet_directory'); ?>/js/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />
<!--<script type="text/javascript" src="/js/helpers/jquery.fancybox-thumbs.js?v=2.0.6"></script>-->
<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><!-- #header -->
</div><!-- #header-container -->
<?php do_atomic( 'after_header' ); //hybrid_after_header ?>
<div id="homepage-container"> <!--id="uway-container"> -->
<div id="uway-container"> <!--id="homepage-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><!-- #container -->
<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> id="homepage-container"> -->
</div> <!--id="uway-container"> -->
<div id="footer-container">
<?php do_atomic( 'before_footer' ); //hybrid_before_footer ?>
<div id="footer">
<?php do_atomic( 'footer' ); //hybrid_footer ?>
</div><!-- #footer -->
<?php do_atomic( 'after_footer' ); //hybrid_after_footer ?>
</div><!-- #footer-container -->
</div><!-- #body-container -->
<?php do_atomic( 'after_html' ); //hybrid_after_html ?>
<?php wp_footer(); //wp_footer ?>
</body>
</html>
Avez-vous essayé visibility:hidden; ?
visibility: hidden; va laisser un vide sur une page

OriginalL'auteur David Tunnell | 2013-07-23

  1. 5

    Vous n'avez pas besoin d'utiliser le body déclaration.

    essayer:

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

    Vous pouvez également masquer cette via PHP dans les fichiers de modèle, mais peut-être plus d'ennuis que cela vaut la peine, non? Pouvez également ajouter du code pour que, si vous le souhaitez.

    EDIT: le PHP (pour wordpress)... devrait fonctionner. Je dirais aller pour le CSS, cependant. Pas vraiment nécessaire d'aller fouiller dans les fichiers WordPress.

    <?php if( !is_page('XXX') ):?>
the code to display this div goes here.
<?php endif;?>
    Je suis une .NET développeur qui venait d'avoir remis un bouquet de sites WordPress. Je ne sais pas PHP mais il semble que je vais apprendre.
    Ce n'est pas encore le cacher. Ai-je raison de supposer que ma page est de 46 basé sur la ci-dessus? C'est l'aperçu de l'URL: http:/xyz.com/coordinators/resources/?preview=true&preview_id=46&preview_nonce=4234d5ea4f
    Édité pour avez-vous des noms de classe et de genre. Un lien vers le site serait très utile si ce n'est toujours pas de travail pour vous.
    Oui... le problème est que le corps n'en a pas réellement avoir un ìd " de page-id-46... Vérifier l'modifié le code ci-dessus. Le sélecteur vous voulez, c'est juste .page-46.

    OriginalL'auteur robooneus

  2. 1

    Que ça serait bien d'avoir un lien vers la page ou un exemple plus détaillé de sa source HTML, mais ce qui semble probable, c'est que l'élément que vous souhaitez masquer n'est pas un enfant direct de l'élément de corps, auquel cas le sélecteur de donnée dans votre CSS extrait de ne pas répondre de manière appropriée. Au lieu de cela, essayez:

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

    qui s'adresse à l'élément d'ID static-footer-image qui est n'importe où sous le body élément, au lieu d'avoir à être un descendant direct (c'est à dire, <body>...<div id="static-footer-image"></div>...</body>).

    vous n'avez pas besoin de la * pour ça. CSS obtiendrez tous les descendants. Descendants directs sont ciblés à l'aide d'un >
    Oups -- vous êtes tout à fait à droite. Merci pour le heads-up.

    OriginalL'auteur Aaron Miller

  3. 1

    Je suis en train d'écrire une réponse parce que je ne peux pas encore de commentaires.

    Essayez ceci:

    .page-id-48 #static-footer-image{ display:none; }
    Ce n'est pas encore le cacher. Ai-je raison de supposer que ma page est de 46 basé sur la ci-dessus? C'est l'aperçu de l'URL: http:/xyz.com/coordinators/resources/?preview=true&preview_id=46&preview_nonce=4234d5ea4f

    OriginalL'auteur Mihai

  4. 1

    La règle CSS suivante permet de masquer tous les divs qui ont un nom de classe à partir de page-id-: 

    div[class^="page-id-"] {
display: none;
}

    Cela pourrait être une réponse utile si votre id change tout le temps et vous n'avez pas d'autres divs avec de tels noms de classe. Cependant, il est impossible de définir en CSS quelque chose comme 50 < id < 67

    OriginalL'auteur Dan

  5. 0

    j'ai ajouté 

    <style>
#sideshoppingcart {display: none;}
</style>

    à la page du panier via l'éditeur de

    OriginalL'auteur Guy Stevens

  6. 0

    Cela fonctionne pour moi, j'ai eu une Carrie Dils " l'utilité de la barre et le besoin de le cacher.

    J'ai ajouté à mon style.css et cela a fonctionné, et la page dont l'ID est 2:

    body.page-id-2 .utility-bar { 
display: none; 
}

    OriginalL'auteur Adam