截面高度Shopify布鲁克林主题

Question

我的Shopify页面使用的是布鲁克林主题。我想减少主页上几个部分的高度。就像这里的示例一样...我的时事通讯部分可以充分利用其中的内容。同样也要使部分之间的空白更小。这是时事通讯。液体...如何在这里编辑？还是我需要在theme.scss.liquid中进行编辑？

谢谢。

Example

  <div class="newsletter" data-section-id="{{ section.id }}" data-section-type="newsletter-section">
<div class="wrapper">
{% unless section.settings.heading == blank %}
  <div class="section-header text-center">
    <h2 class="h1 section-header__title">{{ section.settings.heading | escape }}</h2>
    {% if section.settings.subheading == blank %}
      <hr class="hr--small">
    {% endif %}
  </div>
{% endunless %}
{% unless section.settings.subheading == blank %}
  <div class="section-subheading rte text-center">
    {{ section.settings.subheading }}
    <hr class="hr--small">
  </div>
{% endunless %}
{% form 'customer' %}
  {{ form.errors | default_errors }}
  {% if form.posted_successfully? %}
    <div class="newsletter--form">
      <div class="note form-success">{{ 'general.newsletter_form.newsletter_confirmation' | t }}</div>
    </div>
  {% else %}
    <label for="Email" class="newsletter__label hidden-label">{{ 'general.newsletter_form.newsletter_email' | t }}</label>
    <input type="hidden" name="contact[tags]" value="newsletter">
    <div class="newsletter--form">
      <div class="input-group">
        <input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" name="contact[email]" id="Email" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off">
        <span class="input-group-btn">
          <button type="submit" class="btn newsletter__submit" name="commit" id="Subscribe">
            <span class="newsletter__submit-text--large">{{ 'general.newsletter_form.submit' | t }}</span>
            <span class="newsletter__submit-text--small">
              <span class="icon icon-arrow-right" aria-hidden="true"></span>
            </span>
          </button>
        </span>
      </div>
    </div>
  {% endif %}
{% endform %}
</div>
</div>
    {% schema %}
    {
    "name": "Newsletter",
    "class": "index-newsletter-section",
    "settings": [
    {
    "type": "text",
    "id": "heading",
    "label": "Heading",
    "default": "Subscribe to our newsletter"
     },
    {
    "type": "richtext",
    "id": "subheading",
    "label": "Subheading",
    "default": "<p>A short sentence describing what someone will receive by subscribing</p>"
    },
    {
    "type": "paragraph",
    "content": "Any customers who sign up will have an account created for them in Shopify. [View customers](/admin/customers?query=&accepts_marketing=1)"
   }
   ],
  "presets": [{
  "name": "Newsletter signup",
  "category": "Promotional"
  }],
 "blocks" : []
 }
 {% endschema %}