Decrease space in the header and between the header and content

• 

  biancajadeblog · Member · Jan 28, 2014 at 4:52 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am hoping to get some assistance. I would really like to tighten up the space in between all of the content in the top portion of my blog http://healingtimes.wordpress.com/
  I am hoping to make some of the other content viewable so you don’t have to scroll down so far to see the content.

  -I would like to shorten the height of the header photo, but keep the length
  -Decrease the space in between the blog title and the header photo
  -Decrease the space between the menu items and the blog post titles. It doesn’t look like there is a whole lot on the home page, but if you click on one of the other pages there is a lot of space between them.

  Many thanks!

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

• 

  justpi · Member · Jan 28, 2014 at 8:47 am

  • Copy link

  shorten the height of the header photo, but keep the length

  The current image is 1000×288 pixels. Create an image that’s 1000px wide but less than 288px in height, upload it in Appearance > Header, select the option “Skip Cropping, Publish Images as Is”.

  Decrease the space in between the blog title and the header photo

  ? There’s pretty little space there. Do you mean remove the tagline? or decrease the space above the blog title?

  Decrease the space between the menu items and the blog post titles

  To decrease the space above the title on the single post view, add this and change the value:

  .singular .hentry {
  padding-top: 4.875em;
  }

  To decrease the space above the title on static pages, add this and change the value:

  .singular.page .hentry {
  padding-top: 3.5em;
  }