Wordpress Facebook评论插件显示在顶部

问题描述：

与Facebook评论有一个小问题。出于某种原因，我的主题与插件不兼容。Wordpress Facebook评论插件显示在顶部

如果您单击以检查元素，它会固定在它自己的，然后（不知道为什么）。另外我想如果你添加更多的文字到评论框中，下面的内容不会下移。那么有没有一种方法可以正确地将盒子与CSS对齐？（我曾尝试不同的2-3个插件，但我有同样的问题）

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

附：它在singple后的伟大工程，但什么是错的主页里面......使用

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

你需要你的'.blog-grid's显示为绝对吗？这里发生的事情是，这些元素在添加了Facebook评论框之前定义了“顶部”定位，所以这些值无法适应此更改，因为它们在发生之前进行了声明 – UncaughtTypeError

是的，这是有效的，但我怎么能描述类？因为如果我只是封装.blog-grid，它将无法工作。而且我无法找到它将在css中被设置为绝对的位置。 – Frutis

如果您检查有问题的元素，您应该注意到它们声明为内联样式。这意味着您将需要使用'！important'声明来用外部样式过度限定它们，例如'.blog-grid {position：relative！important; top：auto！important;}' – UncaughtTypeError

答

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

CSS

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

自!important声明已使用上述规则将在获得资格认证的内嵌规则为元素的所有实例。如果您希望这些规则仅适用于主页，请在.blog-grid之前将.home作为前面的选择器添加，但同样的方法适用于归档页面或特定分类类型页面。

谢谢，花了很多时间，但它很容易修复。 – Frutis

@Frutis偶尔会发生这种情况，特别是在涉及CSS的地方 - 很高兴我能帮助您找到解决方案。 – UncaughtTypeError

Wordpress Facebook评论插件显示在顶部

相关推荐