Shopify如何更改分类页列表部分图片的显示尺寸?

星友提问:我想改变分类列表图片的显示尺寸。有什么代码可以添加到分类列表的自定义 css 中,使其像第一张照片那样显示?

Shopify如何更改分类页列表部分图片的显示尺寸?

解决方法:

可以按照以下步骤制作效果

1. 打开网上商店 > 主题 > 编辑代码

2. 找到并打开 base.css(或 theme.css、custom.css)文件

3. 在文件底部粘贴以下代码片段并点击保存

 

.collection-list {
/* You can change this value to change the gap between the collection card */
column-gap: 5px;
justify-content: center;
}

.collection-list .card {
display: flex;
justify-content: center;
align-items: center;
}

.collection-list .card .card__inner {
/* You can change this value to change the size of the collection images */
width: 100px;
border-radius: 50%;
}

.collection-list .card .card__inner .card__media {
border-radius: 50%;
}

原创文章,作者:图帕先生,感谢支持原创,如若转载,请注明出处:https://www.yestupa.com/1443233.html

(0)
打赏 微信咖啡 微信咖啡 支付宝咖啡 支付宝咖啡
上一篇 12月 6, 2020 下午8:07
下一篇 12月 30, 2020 上午12:34

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注