it-swarm.com.de

Blenden Sie ein Div aus, das Teil aller Seiten einer bestimmten Seite ist

Wie kann ich ein Div (das ein Bild enthält) für eine bestimmte WordPress-Seite ausblenden?

Ich glaube, meine Seiten-ID ist 46:

enter image description here

Hier ist das Div, das ich zu ändern versuche:

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

Und der zugehörige CSS-Code in meiner Haupt-CSS-Datei:

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

Es zeigt immer noch. Was mache ich, um das zu beheben?

4
David Tunnell

Erraten Sie anhand der URL-Struktur, dass Ihre %postname% Permalink-Struktur aktiv ist. Ein bisschen internes CSS kann also alternativ helfen, und die Syntax lautet 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

Verwenden Sie folgendes CSS

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

und stellen Sie sicher, dass die Klasse "page-id-46" auf das Body-Tag angewendet wird, und löschen Sie den Cache. Möglicherweise versuchen Sie es in einem anderen Browser oder einem Inkognito-Fenster.

10
M-R

Wenn das die Seiten-ID ist, sollte der Selektor sein

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

nicht

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

Das funktioniert bei mir:

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

nicht das:

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

Geben Sie nach body ein Leerzeichen ein und geben Sie .page-id-46 #static-footer-image{display: none;} ein. Überprüfen Sie erneut, ob es sich um eine Klasse oder eine ID handelt. In meinem Fall ist es eine ID. Hier ist mein Code als Referenz:

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

Hoffe das wird dir helfen.

1
Asif

Möglicherweise haben Sie eine display in CSS, also können Sie versuchen:

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