change spacing below header image

• 

  mylivingdesignblog · Member · Jul 28, 2016 at 9:20 pm

  • Copy link
  • Add topic to favorites

  I’d like to reduce the blank space below the header image and above the text. Please advise how to do this. Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  gemmacevans · Member · Jul 28, 2016 at 9:45 pm

  • Copy link

  Hi,

  If you find the CSS for .site-header, you can adjust the space underneath using the ‘margin’ and ‘padding’ values:

  .site-header {
      background: url(/wp-content/themes/pub/truly-minimal/img/dots-2x.png) repeat-x 0 bottom;
      background-size: 5px auto;
      margin: 0 0 1.2em 0;
      padding: 3em 0 1.2em 0;
  }

  When you compare the CSS above with yours, you will notice I have changed the ‘margin’ and ‘padding’ values to 1.2em. If that is still too much you can just write 0 (zero).

  See how that looks.