reducing space above and below custom header image

• 

  juliehgh · Member · Oct 11, 2013 at 8:01 pm

  • Copy link
  • Add topic to favorites

  Using the gridspace theme, can’t see to find the CSS to reduce space above and below. Tried
  #header {
  position: relative;
  top: 0;
  background: url(‘http://healthygohappy.files.wordpress.com/2013/10/blog-logo-d-e-s-new-v6.gif’);
  width: 700px;
  height: 225px;
  margin: 0;
  margin-top: 0;

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

• 

  jcasta · Member · Oct 12, 2013 at 1:47 pm

  • Copy link

  Try:

  #site-header {
    width: 700px;
    height: 225px;
    margin: 0 auto;
    overflow: hidden;
  }

• 

  thesacredpath · Member · Oct 14, 2013 at 2:27 pm

  • Copy link

  Hi @juliehgh, Gridspace had a flexible header design, which means you can upload any size header you wish. I would suggest editing the image you have now and cropping it to take out some of the white space above and below the logo image in the center, but keep it at 1050px in width. When you upload that image, click the “use as is” button when inserting it into your site.