Wie kann ich ein Div (das ein Bild enthält) für eine bestimmte WordPress-Seite ausblenden?
Ich glaube, meine Seiten-ID ist 46:
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?
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 } ?>
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.
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
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.
Möglicherweise haben Sie eine display
in CSS, also können Sie versuchen:
body.page-id-46 #static-footer-image {
display: none !important;
}