css - 在 Shopify 中将图像容器从 970px 更改为 1170px

Question

我购买了一个支持 1170px 的 Shopify 主题“Testament”——原始 PSD 的设计和提供为 970px，但经过进一步审查，客户希望主图像容器拉伸(stretch)到 1170px。

任何人都可以告诉我如何自己做这件事吗？开发人员试图让我为此更新支付额外的数千美元，但我知道这是一项相当简单的任务，特别是因为购买主题已经包含此功能。

提前致谢!

Answer 1

您只需在 testament 主题的 custom.css.liquid 中添加媒体查询即可。

/* !Rows, Widest to Thinest */  
@media screen and (min-width: 1220px) {
  .gridlock .row { width: 1170px; }
}

它会在宽度大于 1220px 的屏幕上呈现 width:1170px。