Dawn主题图片与图片之间的空白怎么去掉?

Topic summary

用户在使用Shopify的Dawn主题时,产品详情页面的图片之间出现了无法消除的空白间隙,导致图片无法紧密连接。

提供的解决方案:

  1. CSS方法:给所有图片添加一个div包裹层,将该div的font-size设置为0,然后去掉图片的border和margin-bottom样式

  2. 调整间距参数

    • 修改第一张图片:下间距改为0.01
    • 修改第二张图片:上间距改为-16,下间距改为0.01
    • 参考社区帖子中的详细步骤

当前状态:
用户尝试了第一种方法后发现虽然空白消除了,但图片尺寸发生了变化且大小不一,正在寻求如何统一图片尺寸的进一步解决方案。用户表示对代码修改不太熟悉。

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

各位大佬:

请帮助我,如何去掉Dawn主题产品详情页面的图片图片之间,总是会有一些空白,图片与图片之间连接不到一起,请大佬帮助我,具体步骤是什么?

PS:下图,每张图片之中都有空白

发一下你的店铺链接

Https://hqxai.com

给你所有的图片一个div包裹并将该div的font-size设置为0,然后去掉你的图片上加的border和margin-bottom这两个css样式

2中方案

1,改代码 参考这个帖子

https://community.shopify.com/c/technical-q-a/removing-white-spaces-between-the-images-in-the-product/m-p/2303045

2,改图片间距

点击图,修改第一张图下间距为0.01;

修改第二张图片上间距为-16,下间距为0.01;

大概就是这样。

感谢您的回复,您这方法我没试,不知道好用不,是因为我不太会弄里面的代码,SORRY.

感谢大佬的回复,我试了,确实可以,但是改了以后,图片尺寸都变了,大小各不一样,有没有什么方法,把里面的图片统一改成一样的尺寸呢?