各位大佬:
请帮助我,如何去掉Dawn主题产品详情页面的图片图片之间,总是会有一些空白,图片与图片之间连接不到一起,请大佬帮助我,具体步骤是什么?
PS:下图,每张图片之中都有空白
用户在使用Shopify的Dawn主题时,产品详情页面的图片之间出现了无法消除的空白间隙,导致图片无法紧密连接。
提供的解决方案:
CSS方法:给所有图片添加一个div包裹层,将该div的font-size设置为0,然后去掉图片的border和margin-bottom样式
调整间距参数:
当前状态:
用户尝试了第一种方法后发现虽然空白消除了,但图片尺寸发生了变化且大小不一,正在寻求如何统一图片尺寸的进一步解决方案。用户表示对代码修改不太熟悉。
发一下你的店铺链接
给你所有的图片一个div包裹并将该div的font-size设置为0,然后去掉你的图片上加的border和margin-bottom这两个css样式
2中方案
1,改代码 参考这个帖子
2,改图片间距
点击图,修改第一张图下间距为0.01;
修改第二张图片上间距为-16,下间距为0.01;
大概就是这样。
感谢您的回复,您这方法我没试,不知道好用不,是因为我不太会弄里面的代码,SORRY.
感谢大佬的回复,我试了,确实可以,但是改了以后,图片尺寸都变了,大小各不一样,有没有什么方法,把里面的图片统一改成一样的尺寸呢?