web-dev-qa-db-fra.com

Masquer un div qui fait partie de toutes les pages d'une page spécifique

Comment masquer un div (qui contient une image) pour une page WordPress spécifique?

Je crois que mon identifiant de page est 46:

enter image description here

Voici le div que 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 associé dans mon fichier CSS principal:

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

Il montre encore. Que dois-je faire pour résoudre ce problème?

theme-developmentcsshtmlchild-theme
4
David Tunnell

Devinez à partir de la structure d'URL, votre structure permalien %postname% est active. Donc, un peu de CSS interne peut également aider, et la syntaxe est la suivante: 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

Utilisez les CSS suivants

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

et assurez-vous que la classe "page-id-46" est appliquée à la balise body et effacez le cache. Peut-être essayer sur un autre navigateur ou une fenêtre incognito.

10
M-R

Si c'est l'ID de la page, le sélecteur doit être

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

ne pas

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

Cela fonctionne pour moi:

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

pas ça:

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

Après body, indiquez un espace et tapez .page-id-46 #static-footer-image{display: none;}. Vérifiez encore une fois s'il s'agit d'une classe ou d'un identifiant. dans mon cas, c'est un identifiant, voici mon code pour votre référence:

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

J'espère que ceci vous aidera.

1
Asif

Vous pouvez avoir une display en CSS, vous pouvez donc essayer:

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