Avisos
Vaciar todo

Ocultar secciones de paginas  

 
Walter
 Walter
Reputable Member

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

Citar
Respondido : 26/03/2021 7:58 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 26/03/2021 8:15 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Walter
 Walter
Reputable Member

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

ResponderCitar
Respondido : 27/03/2021 4:43 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Walter.

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

 

Un saludo

ResponderCitar
Respondido : 27/03/2021 5:18 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Walter
 Walter
Reputable Member

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

ResponderCitar
Respondido : 27/03/2021 5:21 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 27/03/2021 5:45 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Walter
 Walter
Reputable Member

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?

 

ResponderCitar
Respondido : 28/03/2021 7:11 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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
ResponderCitar
Respondido : 28/03/2021 8:35 pm