Ocultar un div que forma parte de todas las páginas en una página específica

Question

Ocultar un div que forma parte de todas las páginas en una página específica

23 jul 2013, 18:17:17

Vistas: 38.6K

Votos: 5

¿Cómo puedo ocultar un div (que contiene una imagen) para una página específica de WordPress?

Creo que mi ID de página es 46:

captura de pantalla mostrando el ID de página de WordPress

Aquí está el div que estoy tratando de modificar:

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

Y el código CSS asociado en mi archivo CSS principal:

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

Todavía se sigue mostrando. ¿Qué debo hacer para arreglarlo?

David Tunnell

441

desarrollo de temas css html tema hijo

Comentarios

Tu regla CSS está al revés, body no es un hijo de #static-footer-image, debería ser body.page-id-46 #static-footer-image

Milo

23 jul 2013 18:21:05

gracias, pero todavía se muestra.

David Tunnell

23 jul 2013 18:27:43

¿estás seguro acerca del ID de la página? inspecciona la etiqueta body en el código HTML renderizado de esa página y confirma por favor.

aldo.roman.nurena

31 jul 2013 08:58:10

Todas las respuestas a la pregunta

Utiliza el siguiente CSS

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

y asegúrate de que la clase "page-id-46" esté aplicada a la etiqueta body. Limpia la caché. También puedes probar en otro navegador o en una ventana de incógnito.

M-R

2.62K

23 jul 2013 18:49:31

Si ese es el ID de la página, el selector debería ser

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

no

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

Patty J. Ayers

29

23 jul 2013 18:54:12

Comentarios

no, WP me muestra <body class="page page-id-28 page-template ...">, así que eso es una clase

aldo.roman.nurena

31 jul 2013 08:53:34

Comentarios

esto está añadiendo carga innecesaria al servidor, yo optaría por la respuesta de M-R

aldo.roman.nurena

31 jul 2013 08:54:12

Estoy de acuerdo. Claro, tiene razón.

Mayeenul Islam

31 jul 2013 13:04:46

Puedes tener un display en CSS, así que puedes probar:

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

aldo.roman.nurena

111

31 jul 2013 08:59:04

Esto funciona para mí:

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

pero esto no:

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

Después de body deja un espacio y escribe .page-id-46 #static-footer-image{display: none;} Vuelve a verificar si es una clase o un ID. En mi caso, es un ID, aquí está mi código como referencia:

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

Espero que esto te ayude.

Asif

11

30 jul 2017 17:31:42

¿Cómo se vería el código si quisieras excluir un widget?

El CSS:

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

Bennetts Design

1

27 feb 2022 14:09:34

Comentarios

Esto es confuso porque parece que estás haciendo otra pregunta, pero parece que estás respondiendo una pregunta.

Tony Djukic

27 feb 2022 18:44:35

El mío estaba más orientado a widgets que a divs, de todos modos lo conseguí hacer funcionar, ¡gracias!

Bennetts Design

28 feb 2022 17:24:35

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

Adivinando por la estructura de la URL, tu estructura de enlaces permanentes %postname% está activa. Así que, un poco de CSS interno puede ayudar como alternativa, y la sintaxis es in_page('page_slug'):

<?php // Realizar acción solo en una página específica en WP ?>
<?php if( in_page('recursos') ) { ?>
<style>
  #static-footer-image{
      display: none;
  }
</style>
<?php } ?>

Mayeenul Islam

12.9K

23 jul 2013 20:31:22