Nascondere un div presente in tutte le pagine su una pagina specifica

Question

Nascondere un div presente in tutte le pagine su una pagina specifica

23 lug 2013, 18:17:17

Visualizzazioni: 38.6K

Voti: 5

Come posso nascondere un div (che contiene un'immagine) per una specifica pagina WordPress?

Credo che l'ID della mia pagina sia 46:

Screenshot che mostra l'ID della pagina WordPress

Ecco il div che sto cercando di modificare:

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

E il codice CSS associato nel mio file CSS principale:

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

È ancora visibile. Come posso risolvere questo problema?

David Tunnell

441

sviluppo temi css html child theme

Commenti

La tua regola CSS è invertita, body non è un elemento figlio di #static-footer-image, dovrebbe essere body.page-id-46 #static-footer-image

Milo

23 lug 2013 18:21:05

grazie, ma continua a essere visibile.

David Tunnell

23 lug 2013 18:27:43

sei sicuro dell'ID della pagina? controlla il tag body nel codice HTML renderizzato di quella pagina e conferma per favore.

aldo.roman.nurena

31 lug 2013 08:58:10

Tutte le risposte alla domanda

Utilizza il seguente CSS

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

e assicurati che la classe "page-id-46" sia applicata al tag body e svuota la cache. Prova anche su un altro browser o in una finestra di navigazione in incognito.

M-R

2.62K

23 lug 2013 18:49:31

Se questo è l'ID della pagina, il selettore dovrebbe essere

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

non

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

Patty J. Ayers

29

23 lug 2013 18:54:12

Commenti

no, WP mi restituisce <body class="page page-id-28 page-template ...">, quindi è una classe

aldo.roman.nurena

31 lug 2013 08:53:34

Commenti

questo aggiunge un carico non necessario al server, opterei per la risposta di M-R

aldo.roman.nurena

31 lug 2013 08:54:12

sono d'accordo. Sicuramente, ha ragione.

Mayeenul Islam

31 lug 2013 13:04:46

Potresti avere una proprietà display in CSS quindi puoi provare:

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

aldo.roman.nurena

111

31 lug 2013 08:59:04

Questo funziona per me:

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

non questo:

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

Dopo body lascia uno spazio e scrivi .page-id-46 #static-footer-image{display: none;} Controlla ancora se si tratta di una classe o un id. nel mio caso è un id, ecco il mio codice per riferimento:

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

Spero che questo ti possa aiutare.

Asif

11

30 lug 2017 17:31:42

Come sarebbe il codice se volessi escludere un widget?

Il CSS:

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

Bennetts Design

1

27 feb 2022 14:09:34

Commenti

È confuso perché sembra che tu stia facendo un'altra domanda, ma sembra che tu stia rispondendo a una domanda.

Tony Djukic

27 feb 2022 18:44:35

La mia era più orientata ai widget che ai div, comunque l'ho fatta funzionare, grazie!

Bennetts Design

28 feb 2022 17:24:35

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

Dalla struttura dell'URL, puoi dedurre che la tua struttura di permalink %postname% è attiva. Quindi, un po' di CSS interno può essere d'aiuto in alternativa, e la sintassi è in_page('page_slug'):

<?php // Esegui l'azione solo su una pagina specifica in WP ?>
<?php if( in_page('risorse') ) { ?>
<style>
  #static-footer-image{
      display: none;
  }
</style>
<?php } ?>

Mayeenul Islam

12.9K

23 lug 2013 20:31:22