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

Question

我购买了一个支持1170px的Shopify主题'Testament' - 最初的PSD是设计＆amp;提供970px，但经过进一步审查后，客户希望主图像容器拉伸到1170px。

任何人都可以自己指示如何做到这一点吗？开发人员试图让我为此更新支付额外的数千美元，但我理解这是一个相当直接的任务，特别是因为购买主题已经包含此功能。

提前致谢！

Answer 1

您可以通过在遗嘱主题的custom.css.liquid中添加媒体查询来做到这一点。

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

并且它会在屏幕上呈现宽度：1170px，大于1220px。