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

Question

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

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

提前致谢！

Answer 1

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

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

它会在大于 1220px 的屏幕上渲染 width:1170px。