Remove space between header text and header image – Forever theme

• 

  ellencmacy · Member · Feb 22, 2013 at 7:37 pm

  • Copy link
  • Add topic to favorites

  Hey everyone –
  I’m using the Forever theme and I’d like to tighten up the header. I’d like to bring the header text so its right on top of the header image. Is there a way for me to do that?
  Thanks!

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

• 

  designsimply · Member · Feb 24, 2013 at 6:58 am

  • Copy link

  I found that you figured this out using the following CSS:

  #main {
  	position: relative
  }
  #site-description {
  	display: block;
  	position:absolute;
  	top:-110px;
  	width:890px;
  	padding:0
  }

  Nice work!

• 

  ellencmacy · Member · Feb 25, 2013 at 10:41 pm

  • Copy link

  Thanks! What I really wanted to do was remove space between the blog title and the top of the header image. Its a minor tweak, I just haven’t been able to find the CSS code for it. Any ideas?

  
  theamazingmacys.wordpress.com

• 

  designsimply · Member · Feb 28, 2013 at 2:49 pm

  • Copy link

  Just to be clear, you’re referring to http://luckytobeus.wordpress.com/ not http://www.theamazingmacys.wordpress.com/ right?

  To adjust the spacing above the header in the site title in the forever theme as seen at http://luckytobeus.wordpress.com/ you can adjust the padding-top value for the main header are using the ID “masthead” as a selector. Here is an example:

  #masthead {
  	padding-top: 0;
  }