Ascunde un div care face parte din toate paginile pe o pagină specifică

Question

Ascunde un div care face parte din toate paginile pe o pagină specifică

23 iul. 2013, 18:17:17

Vizualizări: 38.6K

Voturi: 5

Cum pot ascunde un div (care conține o imagine) pentru o pagină specifică WordPress?

Cred că ID-ul paginii mele este 46:

captură de ecran cu id-ul paginii WordPress

Acesta este div-ul pe care încerc să-l modific:

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

Și codul CSS asociat din fișierul meu CSS principal:

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

Încă se afișează. Ce trebuie să fac pentru a remedia acest lucru?

David Tunnell

441

dezvoltare teme css html tema copil

Comentarii

Regula ta CSS este inversată, body nu este un copil al #static-footer-image, ar trebui să fie body.page-id-46 #static-footer-image

Milo

23 iul. 2013 18:21:05

mersi, dar încă se afișează.

David Tunnell

23 iul. 2013 18:27:43

ești sigur despre ID-ul paginii? inspectează tag-ul body în codul HTML randat pentru acea pagină și confirmă te rog.

aldo.roman.nurena

31 iul. 2013 08:58:10

Toate răspunsurile la întrebare

Folosește următorul cod CSS

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

și asigură-te că clasa "page-id-46" este aplicată pe tag-ul body și șterge cache-ul. Poți încerca și în alt browser sau într-o fereastră incognito.

M-R

2.62K

23 iul. 2013 18:49:31

Dacă acesta este ID-ul paginii, selectorul ar trebui să fie

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

nu

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

Patty J. Ayers

29

23 iul. 2013 18:54:12

Comentarii

nu, WP îmi afișează <body class="page page-id-28 page-template ...">, deci asta e o clasă

aldo.roman.nurena

31 iul. 2013 08:53:34

Comentarii

acest lucru adaugă o încărcare inutilă pe server, aș opta pentru răspunsul lui M-R

aldo.roman.nurena

31 iul. 2013 08:54:12

Sunt de acord. Cu siguranță, are dreptate.

Mayeenul Islam

31 iul. 2013 13:04:46

Este posibil să ai o proprietate display în CSS, așa că poți încerca:

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

aldo.roman.nurena

111

31 iul. 2013 08:59:04

Această soluție funcționează pentru mine:

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

dar aceasta nu:

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

După body adăugați un spațiu și scrieți .page-id-46 #static-footer-image{display: none;} Verificați din nou dacă este vorba de o clasă sau un id. În cazul meu, este un id, iată codul meu pentru referință:

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

Sper că vă va fi de ajutor.

Asif

11

30 iul. 2017 17:31:42

Cum ar arăta codul dacă ai vrea să excluzi un widget?

CSS-ul:

body.page-id-60748,
.widget_its-single-post { 
     display: none !important; 
}

Bennetts Design

1

27 feb. 2022 14:09:34

Comentarii

Acest lucru este confuz pentru că pare că mai pui o întrebare, dar se pare că răspunzi la o întrebare.

Tony Djukic

27 feb. 2022 18:44:35

Problema mea era mai orientată către widget decât către div, dar am reușit să o rezolv oricum, mulțumesc!

Bennetts Design

28 feb. 2022 17:24:35

Mayeenul Islam 12.9K · Accepted Answer · 2013-07-23T20:31:22Z

Presupunând din structura URL-ului, structura ta de permalink %postname% este activă. Așadar, un pic de CSS intern poate ajuta alternativ, iar sintaxa este in_page('page_slug'):

<?php // Execută acțiunea doar pe o pagină specifică în WP ?>
<?php if( in_page('resurse') ) { ?>
<style>
  #static-footer-image{
      display: none;
  }
</style>
<?php } ?>

Mayeenul Islam

12.9K

23 iul. 2013 20:31:22