如何从网页上删除Disqus页脚

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.

我想删除Disqus插件的页脚。 Disqus工作正常,但页脚看起来有点迭代。我想删除页脚,以便我只能看到相关的评论。

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!

我只是试图隐藏页脚就是这样!

4 个解决方案

#1

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

我的印象是新的disqus使用iframe,因此无法应用自定义CSS:

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.

在大多数情况下,新的Disqus中的定制是不同的,因为我们决定在iframe中完全重新实现我们的注释嵌入。这个iframe托管在disqus.com上,因此,浏览器不允许您的网站使用CSS语句将样式应用于它。

#2

In your CSS add:

在你的CSS中添加:

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

#3

You can use negative margins and overflow hidden.

您可以使用负边距和溢出隐藏。

#disqus_thread {
  overflow: hidden;

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

#4

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

在Joomla管理面板中,转到管理员 - 扩展 - 插件管理器并禁用Disqus。以下示例截图: