如何将Shopify网站页脚的“Quick Links”板块居中显示
Shopify页脚Quick Links板块全端居中设置方法
- 登录Shopify后台,进入「在线商店」→「主题」板块,找到当前启用的主题,点击「操作」→「编辑代码」
- 在左侧文件列表的「Assets」目录下,找到全局样式文件,通常命名为
base.css、theme.css或style.css,点击打开 - 将以下CSS代码粘贴到文件的最末尾位置,点击保存即可生效:
/* 适配safeguardlenz.com站点页脚Quick Links居中 */ .footer-block--quick-links { text-align: center; } .footer-block--quick-links .list-unstyled { align-items: center; padding-inline-start: 0; }
如果你后续修改了页脚板块的排序或者主题结构,只需要右键点击页脚的Quick Links标题,选择浏览器的「检查」功能,查看对应父容器的class,替换上述代码里的选择器即可生效,不需要其他额外配置,桌面端、移动端会自动适配居中效果。
内容的提问来源于stack exchange,提问作者SGL1981
相关产品推荐
相关产品推荐

