Wordpress facebook评论插件显示在顶部

Question

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

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

网站： http://www.viskasseimai.lt/

P.S。它在单个帖子上效果很好，但主页内部有问题...

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

Answer 1

问题在于absolute .blog-grid元素的定位。在将facebook注释框附加到元素之前，position和top值被显式声明并设置为内联样式。因此，这些计算不会考虑附加元素，因为它们是在引入之前发生的。

<强> CSS

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

自使用!important声明以来，上述规则将对元素的每个实例的内联规则进行过度限定。 如果您希望这些规则仅应用于主页，请在.home之前添加.blog-grid作为前导选择器，同样的方法将适用于归档页面或特定分类法类型页面。