title: How to reduce margins in wordpress?
body: <p>I'm new to Wordpress and having a hard time making it do what I want.  I'm using the twenty-seventeen theme and it puts too much vertical space around the home page content.  You can see what I mean here: <a href="http://www.tekknow.net" rel="nofollow noreferrer">www.tekknow.net</a></p>
  
  <p>If I press F12 in the chrome browser and look at the elements containing the content, it goes from outer to inner tags like this: </p>
  
  <blockquote>
    <ol>
    <li>class = "site-content-contain"</li>
    <li>id="content" class = "site-content"</li>
    <li>id="primary" class = "content-area"</li>
    <li>id="main" class = "site-main"</li>
    <li>id="post-30" class = "twentyseventeen-panel post-30 page type-page status-publish hentry"</li>
    <li>class="panel-content"</li>
    <li>class="wrap"</li>
    </ol>
  </blockquote>
  
  <p>The inner most one is #7 so I've put that into the <em>customizing additional css</em> section like this:</p>
  
  <pre><code>.wrap {
    margin: 0px;
    border: 0px;
    padding-top: 0px;
  }
  </code></pre>
  
  <p>When I float my cursor over the wrap class in the chrome elements, I still see a lot of green padding above the text "HOME PAGE", yet I have set padding-top to 0.  I've also verified that there is 0 border, margin, and padding in items 1-6.  Suggestions?</p>