Shopify的主题修改

Question

我目前正在修改Shopify网站的外观，但我遇到了一些麻烦。我想摆脱下图中可以看到的两部分图片之间的空间：

我确实设法做到了但是通过这些修改，其他东西也得到了修改。我所做的是修改

的值

 @include at-query($min, $large) {
 margin:35px;

在下面的代码中从35 px到-16px。 （该代码属于theme.scss.liquid文件）

/*================ Theme-specific partials ================*/
/*================ Theme specific global styles ================*/
hr {
border-width: $borderWidthHeader 0 0 0;
width: 50px;
}

.hr--small {
 @extend hr;
 margin: 20px auto;
}

 .hr--medium {
 @extend hr;
 margin: 35px auto;

@include at-query($min, $large) {
 margin: -16px auto;
}
}

.hr--large {
 @extend hr;
 margin: ($gutter * 2) auto;
 }

.hr--left {
 margin-left: 0;
 margin-right: 0;
 }

问题在于，由于代码的这一部分解决了整个网络风格，我还减少了其他部分的边距，如下图所示：

您现在可以看到与“精选产品”文字的距离也减少了，这是我想避免的。

我的问题是，你知道我怎么能保持我所做的改变才能有效地消除图像中2部分图像的间隙而没有别的呢？

谢谢