I am trying to remove the "powered by tagembed" text and image .
hide(document.querySelectorAll('.poweredbywrapper'));
function hide(elements) {
elements = elements.length ? elements : [elements];
for (var index = 0; index < elements.length - 1; index++) {
elements[index].style.display = 'none';
}
}.poweredbywrapper img,
.poweredbywrapper span {
visibility: hidden;
}<div class="tagembed-container" style=" width:100%;height:500px;overflow: auto;">
<div class="tagembed-socialwall" data-wall-id="11530" view-url="https://widget.tagembed.com/11530?view"> </div>
<script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script>
</div>and other classes but its not working
Try this CSS property. Does it worked?
.poweredbywrapper img, .poweredbywrapper span {
visibility: hidden;
}
a) The display: none rule removes an element from an HTML document. While the code for the hidden element is still present, the element itself will not be displayed.
b) The visibility: hidden rule, on the other hand, hides an element, but the element will still take up space on the web page. If you want to hide an element but keep that element’s space on the web page, using the visibility: hidden; rule is best.
Follow this another link for hiding a js div element.
You need to actually have the class that you try to hide:
<div class="tagembed-container poweredbywrapper" style=" width:100%;height:500px;overflow: auto;"><div class="tagembed-socialwall" data-wall-id="11530" view-url="https://widget.tagembed.com/11530?view"> </div> <script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script></div>