You need to enable JavaScript to run this app. 如何将Shopify网站页脚的“Quick Links”板块居中显示
优惠活动
大模型
产品
解决方案
定价
更多

如何将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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.15 20:24:08