Reduce white space around blog title and header image

• 

  micheleorti · Member · Feb 13, 2020 at 3:35 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,
  I’d like to reduce the white space over the blog title, between the blog title and the header image, and under the header image
  Any suggestion for the right CSS code?
  Thanks a lot

  https://nepente.net

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

• 

  staff-blorbo · Staff · Feb 13, 2020 at 6:25 pm

  • Copy link

  Hm, I’m not sure I see what you mean at https://nepente.net/

  Do you mean just tighten up the vertical space above and below that flower logo?

• 

  micheleorti · Member · Feb 13, 2020 at 6:34 pm

  • Copy link

  Hi, yes, exactly, I’d like to have less white space there, and above the blog title as well

• 

  staff-blorbo · Staff · Feb 13, 2020 at 6:44 pm

  • Copy link

  Ok, via Custom CSS https://en.support.wordpress.com/custom-design/custom-css/ add this:

  #header-image {
      margin-bottom: 1.5em;
  }
  #masthead > .site-branding {
      padding: 5.4em 16.867469879518% 1.5em;
  }

  and, adjust as desired. In both cases, it’s the 1.5em you’re adjusting, don’t touch the other padding values. :)

• 

  micheleorti · Member · Feb 13, 2020 at 7:13 pm

  • Copy link

  Thank you so much macmanx, now it’s fine :)