如何在Wordpress主题中删除网格图像下方无法解释的空间/间隙

时间:2020-10-14 21:36:19

标签: html css wordpress elementor

我用简单的自定义html创建了一个网格,用作音频播放器

我正在使用Elementor Builder自定义html元素/小部件将自定义html添加到Wordpress主题

不幸的是,每个玩家图像下方都有一个缺口

看起来像这样 https://jmp.sh/sBBRFwV

应该看起来像 https://jmp.sh/Fq5a0TA

我真的很想在新网站上将它与Hello Elementor Theme一起使用,但是这个差距对我来说是一个交易突破

然后我用其他一些主题测试了这些结果

WP 2020,Astra和OceanWP没有这个问题,没有差距,很完美

WP 2019,Neve和Generate Press也存在问题,可见差距

我已经详尽地比较了有和没有差距的主题的css,我无法找出原因

我可以通过添加CSS line-height或font-size:0;来消除间隙。在网格项目元素上,但这不是一个真正的解决方案,只是处理症状,因为没有间隙的主题的行高和字体大小大于0

我在单独的测试站点上的最新WP上安装了每个主题,并且仅具有Elementor和Simple Custom CSS插件,每次安装时页面模板都设置为elementor canvas

我认为这与每个主题如何处理重置或规范化CSS有关,但可能是错误的

我迷路了。 有人可以看一下,让我对我所缺少的东西有一些了解

如果可以的话,我真的不想使用其他主题

最好的问候 阿什利

3 个答案:

答案 0 :(得分:0)

我只比较了wp2020和neve,但假设这将是一个类似的问题。

在wp2020版本上,如果您查找带有类“ elementor-element-e86902a”的section标签,则会看到它继承自http://www.calpeguide.com/wp2020/wp-content/themes/twentytwenty/style.css?ver=1.5的某些样式,而这些样式在等效section标签(elementor-element -54a1e41)。

这是我所能看到的,因此可能值得尝试在neve网站上重新创建。

答案 1 :(得分:0)

图像应具有显示属性,无论是块状,内嵌块等

答案 2 :(得分:0)

我找到了答案,缺少显示:块;在img标签上

真的很简单,但是就像在大海捞针中找到针

最后,我使用了上世纪70年代学徒制的古老问题解决技术 测试,将系统减半,再次测试,再减半等

我将wp2020主题中的所有6500行重置CSS添加到了wp2019主题中,然后从那里开始

感谢您找我

最良好的祝愿 阿什利