星友提问:我想改变分类列表图片的显示尺寸。有什么代码可以添加到分类列表的自定义 css 中,使其像第一张照片那样显示?
解决方法:
可以按照以下步骤制作效果
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