定制Disqus

Question

我刚刚将 Disqus 集成到我正在开发的 WordPress 主题中。除了 CSS 之外，一切都工作正常。如何将我自己的 css 样式应用到 Disqus ？

在我的 .less 文件中，我写了这样的内容：

#disqus_thread {
    position: relative;
    display:block;
    margin: 0 0 20px 0;
    padding: 20px;
    line-height: 1.5;
    color: @brandGray !important;
    background-color: @white;
    .flat-box-shadow;
    overflow: hidden;
    clear: both;

    iframe {

        body.dark {

            #layout {

                #main-nav {

                    nav {

                        a {
                            color: @brandViolet !important;

                            &:link,
                            &:visited {
                                color: @brandViolet !important;
                            }

                            &:hover,
                            &:active,
                            &:focus {
                                color: @lightViolet !important;
                            }

                        }

                    }

                }

            }

        }
    }
}

但这根本不起作用。我在网上搜索了一下，发现我的css样式不会被应用，因为Disqus是在iFrame中。我可以在管理面板中找到自定义 Disqus 的任何内容。那么，我该如何解决这个问题呢？

我在本地主机上工作。会不会有问题？

非常感谢！

Answer 1

更改Disqus背景的简单技巧。如果您使用的是“disqus-comment-system”插件，请打开comments.php 文件。并搜索disqus_thread id。现在添加您自己的类。例如 ： <div id="disqus_thread" class="myclass">

最后将此类添加到您的 css 文件中。并改变你想要的任何东西。例如：填充、背景等。同样的技术也适用于其他讨论插件。

谢谢