I'm trying to hide this div's h3 tag without adding a class. I have tried in various ways with the css but I have not succeeded. Can anyone recommend me an alternative?
Since the html code is in a plugin file I cannot act on it directly.
<div class="wpua-edit-container">
<h3>Profile Picture</h3>
</div>
Is this what you want?
div h3 {display:none}
<div class="wpua-edit-container">
<h3>Profile Picture</h3>
<p>hello...</p>
</div>
Also, you may do:
All, of these should work. Additionally, add !important if required, if your plugin is still not removing it, like {display: none!important}
.
You can use jQuery if you want:
here's the index.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>
and the script.js:
$(document).ready(function() {
$("h3").hide()
})
It's basically doing the same thing as display: none;
(it adds to the element the display: none style property to the element) but using jQuery.