WordPress的Facebook评论插件显示在顶部

Question

Facebook评论有一个小问题。 由于某种原因，我的主题与插件不太兼容。

如果单击以检查元素，则它将自行修复（不知道为什么）。 另外，我想如果您在注释框中添加更多文本，则该框下方的内容不会向下移动。 那么有没有办法只将框与CSS正确对齐？ （我尝试了2-3个不同的插件，但是我遇到了同样的问题）

网址： http ： //www.viskasseimai.lt/

PS它在单个帖子上效果很好，但是主页内部有些问题...

使用的插件： https : //wordpress.org/support/plugin/facebookall/page/3

Answer 1

问题在于.blog-grid元素的absolute位置。 在将Facebook注释框附加到元素之前，明确声明了position和top值并将其设置为嵌入式样式。 因此，这些计算不计入其他元素，因为它们是在引入之前进行的。

的CSS

.blog-grid.element.column-1.masonry-brick {
    position: relative !important;
    top: auto !important;
}

由于已使用!important声明，因此上述规则将使该元素的每个实例的内联规则均超出资格。 如果您希望这些规则仅适用于主页，请在.blog-grid之前将.home作为前面的选择器添加，同样的方法也适用于存档页面或特定的分类类型页面。