我用简单的自定义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有关,但可能是错误的
我迷路了。 有人可以看一下,让我对我所缺少的东西有一些了解
如果可以的话,我真的不想使用其他主题
最好的问候 阿什利
答案 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主题中,然后从那里开始
感谢您找我
最良好的祝愿 阿什利