Avisos
Vaciar todo

[Resuelto] CSS Custom No mostrar elemento en varios posts

8 Respuestas
3 Usuarios
0 Reactions
49 Visitas
Respuestas: 359
Reputable Member
Topic starter
 

Hola como estan?

Necesito ocultar este elemento, pero en varias paginas.

.page-id-215 .buttonizer {
display: none;
}

Me podrían decir como voy agregando los .page-id-xxxx ? no se si hay que agregar una coma o un espacio, o debo replicar ese mismo
código con los diferentes page id.

Gracias

 
Respondido : 31/07/2020 7:25 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

Si son sólo en algunas páginas específicas, si, efectivamente tendrías que ir cambiando el ID

Si quieres ocultarlo en todas puedes usar

.buttonizer {
display:none;
}

Saludos.


 
Respondido : 31/07/2020 8:41 pm
Respuestas: 359
Reputable Member
Topic starter
 

@jmarrero

Claro entiendo pero como voy agregando los id? Quiero evitar replicar tanto el código.

 

Puedo decir id1 id2 id3?

 

Como haría eso? 

 

Me darías un ejemplo?


 
Respondido : 31/07/2020 11:46 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola, 

Sería mas sencillo si nos proporcionaras la dirección web de una de las paginas en las que deseas ocultar el elemento, pero básicamente tienes que explorar código, te sugiero revisar los siguientes videos:

finding-elements-by-id

finding-elements-by-css-selector

No podrías ir asignando ids a tu gusto, pues esto ya lo ha predefinido el desarrollador del tema o plugin que estes usando, al menos de que modificaras a nivel de código esos comportamientos, entonces sí podrías programarlo y asignar los id de CSS a tu gusto. 

Saludos.


 
Respondido : 01/08/2020 12:26 am
Respuestas: 359
Reputable Member
Topic starter
 

Seria agregar por ejemplo el post www.estudiowls.com.ar/amparos-salud-obra-social-empresa-medicina-prepaga/ cuyo id es 6403

 


 
Respondido : 01/08/2020 1:58 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@walterszcerbgmail-com

Hola, 

En este caso es mas sencillo pues ya conoces el ID de la página o post que corresponderá al nombre de un elemento HTML, en este caso al body, como podrás ver en el inspector de elementos HTML del navegador de Google Chrome

Captura de Pantalla 2020 07 31 a la(s) 21.33.32

Entonces, según el inspector de elementos sería algo así:

body.postid-6403 div.buttonizer {
display: none;
}

Saludos 🙂


 
Respondido : 01/08/2020 2:40 am
Respuestas: 359
Reputable Member
Topic starter
 

Gracias

Si quisiera agregar otro mas sería asi? 

body.postid-6403 body.postid-1234 body.postid-12345 div.buttonizer {
display: none;
}


 


 
Respondido : 01/08/2020 4:56 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola,

He revisado la documentación de CSS y no encuentro manera de implementarlo así, podrías ahorrar unas palabras haciendololo así:

.postid-6403 .buttonizer {
display: none;
}

Saludos


 
Respondido : 02/08/2020 9:30 am