Avisos
Vaciar todo

Ocultar secciones de paginas

8 Respuestas
4 Usuarios
0 Reactions
23 Visitas
Respuestas: 359
Reputable Member
Topic starter
 

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


 
Respondido : 26/03/2021 7:58 pm
Argenis
Respuestas: 11562
Soporte CMS Webempresa
 

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 🖐️ 


 
Respondido : 26/03/2021 8:15 pm
Respuestas: 359
Reputable Member
Topic starter
 

@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;
}


 
Respondido : 27/03/2021 4:43 pm
Pepe
 Pepe
Respuestas: 41106
Illustrious Member Admin
 

Hola Walter.

Sí, puedes probarlo, en principio si el código esta  tiene que funcionar.

 

Un saludo


 
Respondido : 27/03/2021 5:18 pm
Respuestas: 359
Reputable Member
Topic starter
 

@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?


 
Respondido : 27/03/2021 5:21 pm
Pepe
 Pepe
Respuestas: 41106
Illustrious Member Admin
 

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


 
Respondido : 27/03/2021 5:45 pm
Respuestas: 359
Reputable Member
Topic starter
 

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?

 


 
Respondido : 28/03/2021 6:11 pm
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

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


Esta publicación ha sido modificada el hace 4 años 2 veces por Bulmaro
 
Respondido : 28/03/2021 7:35 pm