How to Remove Disqus footer from webpage

Question

I want to remove the footer of Disqus plugin. Disqus works fine, but the footer looking a little iterating. I want to remove the footer so that I can only see the relevant comments.

You can see the footer at the end of the image.

<div class="well">
  <div id="disqus_thread"></div>
  <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'destinationcompk'; // required: replace example with your forum shortname
    function disqus_config() {
      this.callbacks.afterRender.push(function() { alert('clayton') });
    }

    var disqus_identifier = "image_".concat(12);
    var disqus_title = "image_title".concat(12);

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var dsq = document.createElement('script');
        dsq.type = 'text/javascript';
        dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  </script>
  <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments
  </a></noscript>
</div>

I'm just trying to hide footer that's it!

Answer 1

I was under the impression that the new disqus uses an iframe and therefore custom CSS can't be applied:

http://help.disqus.com/customer/portal/articles/526768-introducing-the-new-disqus-and-f-a-q-

For the most part, customization is different in the new Disqus because we decided to completely re-implement our commenting embed inside of an iframe. This iframe is hosted on disqus.com and, as such, the browser won't let your website apply styles to it using CSS statements.

Answer 2

In your CSS add:

#disqus_thread {
     position: relative;
}
#disqus_thread:after {
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0;
     background: white;
}

Answer 3

You can use negative margins and overflow hidden.

#disqus_thread {
  overflow: hidden;

  iframe {
    margin-bottom: -54px;
  }
}

Answer 4

Outside of the technical workarounds, there is a legitimate way to do this. According to the website, you can remove this with a Pro subscription, which is around $100/month at the time of this answer.

https://<accountname>.disqus.com/admin/settings/general/

Answer 5

In the Joomla administration panel go to administrator - extensions - plugin manager and disable Disqus. Example screenshot below: