How to hide a js div with css

Question

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

It is inside an Iframe, you cannot access the style from the parent, it has to be done from the source of the iframe which looks to be `https://widget.tagembed.com/11530?wix` — G-Cyrillus, Sep 08 '21 at 17:53
It appears that this is a paid product, for which you'd need to buy a subscription in order to remove the watermark. Note that removing this watermark without express permission from the product's creator might violate their license agreement. — Adriaan, Jun 27 '22 at 12:00

score 0 · Answer 1 · answered Sep 08 '21 at 17:13

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.

Show/hide 'div' using JavaScript

Thank you. I have tried this but it doesn't work. ``` ``` – Here2Learn Sep 08 '21 at 18:02 — Here2Learn, Sep 08 '21 at 18:02

score 0 · Answer 2 · answered Sep 14 '21 at 11:30

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>

How to hide a js div with css

2 Answers2