Estoy tratando de ocultar la etiqueta h3 de este div sin agregar una clase. He probado de varias formas con el css pero no lo he conseguido. ¿Alguien puede recomendarme una alternativa?
Dado que el código html está en un archivo de complemento, no puedo actuar directamente sobre él.
<div class="wpua-edit-container"> <h3>Profile Picture</h3> </div>
¿Es esto lo que quieres?
div h3 {display:none}
<div class="wpua-edit-container"> <h3>Profile Picture</h3> <p>hello...</p> </div>
Además, puede hacer:
Todos estos deberían funcionar. Además, agregue !important si es necesario, si su complemento aún no lo elimina, como {display: none!important}
.
Puedes usar jQuery si quieres:
aquí está el índice.html
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="script.js"></script> </head> <body> <div class="wpua-edit-container"> <h3>Profile Picture</h3> </div> </body> </html>
y el script.js:
$(document).ready(function() { $("h3").hide() })
Básicamente está haciendo lo mismo que display: none;
(agrega al elemento la pantalla: ninguna propiedad de estilo al elemento) pero usando jQuery.