Shopify Dawn主题：如何缩小页脚高度？

你之前添加的column-count代码仅调整了链接列数，并未触及页脚高度的核心影响因素（内边距、区块间距、行高），所以无法解决问题。试试以下方案：

针对性CSS调整 #

将以下代码添加到section-footer.css文件末尾，直接压缩页脚的冗余空间：

/* 压缩页脚整体上下内边距 */
.footer {
  padding-top: 2rem !important;
  padding-bottom: 1.5rem !important;
}

/* 缩小页脚区块之间的垂直间距 */
.footer-block {
  margin-bottom: 1rem !important;
}

/* 压缩链接列表的行高，减少每行空白 */
.footer-block__details-content li {
  line-height: 1.4 !important;
}

/* 调整版权区域的顶部间距 */
.footer__content-bottom {
  padding-top: 1rem !important;
}

/* 移动端适配（可选） */
@media screen and (max-width: 749px) {
  .footer {
    padding-top: 1.5rem !important;
    padding-bottom: 1rem !important;
  }
}

额外排查点 #

• 如果仍有多余高度，检查页脚内是否包含图片、自定义HTML模块，这类元素可能自带默认边距，需单独调整
• 用浏览器开发者工具（F12）定位具体元素，确认你的CSS是否被主题原有样式覆盖，可针对性加强优先级

内容的提问来源于stack exchange，提问作者Tiago