Hola, me gustaria ocultar las siguientes secciones pero solo de algunos posts puntuales (se que los identifico con el ID respectivo), me podrían decir como hacerlo? Aqui les dejo todas las secciones que quisiera ocultar:
1. Menu
2. Barra lateral (todos los widget menos los avisos adsense), son 2 imagenes y un widget con los comentarios de clientes
3. Autor
4. footer (integro)
Es posible que usar una sola linea de codigo para varios ID? (para evitar tener que repetir el mismo codigo con cada pagina que desee ocultar?
Muchas gracias
Contenido solo visible a usuarios registrados
Hola Walter,
Puedes ingresar lo siguiente:
.TU-POST-ID nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11, .saboxplugin-wrap, .site-footer {
display: none;
}
Luego para agregar varios debes copiar y pegar el mismo, es decir:
.TU-POST-ID nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11, .saboxplugin-wrap, .site-footer, .TU-POST-ID nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11, .saboxplugin-wrap, .site-footer {
display: none;
}
Verifica con esto y nos comentas, un saludo 🖐️
@argenis Muchas gracias, funcionó bien pero no logró ocultar ni el menu ni el Autor
Podría por ejemplo hacer algo asi: poner todo los post-id uno seguido al otro separado por comas o similar?
.post-id-1, .post-id-2, .post-id-3 nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11, .saboxplugin-wrap, .site-footer, .TU-POST-ID nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11, .saboxplugin-wrap, .site-footer {
display: none;
}
Hola Walter.
Sí, puedes probarlo, en principio si el código esta tiene que funcionar.
Un saludo
@pepesoler Gracias pepe, el problema es que no logró ocultar ni el menu ni el Autor, lo podras revisar? por que sera que no funciona?
Hola Walter.
Para el post puedes ocultar por ejemplo con esto:
.post-624 .saboxplugin-wrap {
display:none
}
Tienes que modificar el ID " 624 " por el de la entrada que quieres ocultar.
Para el menu lo miso:
.post-624 .site-header {
display:none;
}
Prueba primero en una entrada y revisa si en esa entrada no se muestra.
Un saludo
Gracias
Puedo unir varios post asi?
.post-id-6996, post-idxxx, post-idxxx,
nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11,
.site-header,
.site-footer,
#contact-me,
#whatsapp-me {
display: none;
}
Si fuera posible, como lo hago? lo separon con comas? me dirias cual es la estructura?
Hola Víctor,
Si deseas aplicar los mismos estilos CSS a un conjunto de elementos puedes separarlos por comas, como por ejemplo:
header, body.main, div.article, #footer{
font-weight: bold;
}
La estructura es entonces:
elemento1, elemento 2, elemento3, ..., elemento-n{
style1,
style2,
style-n
}
Aunque puedo intuir que te refieres a que si puedes aplicar mismos estilos a una serie de post (post1, post2, post3) que tienen el mismo subconjunto dee elementos hijos por emeplo:
nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11,
.site-header,
.site-footer,
#contact-me,
#whatsapp-me
y deseas ahorrarte código escribiendo algo como:
A post1, post2 y post3 aplicar estos estilos a sus elementos hijo -> nav.site-navbar.site-navbar-right, section#media_image-2, section#media_image-3, section#grw_widget-11, .site-header, .site-footer,#contact-me, #whatsapp-me -> estilos-css
Si a esto va dirigida tu pregunta la respuesta es no, no es posible hacerlo así.
Saludos