Remove space between header text and header image – Forever theme

  • Author
    Posts
  • #1162580

    ellencmacy
    Member

    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 theamazingmacys.wordpress.com.

    #1162836

    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!

    #1162861

    ellencmacy
    Member

    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

    #1162880

    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;
    }

The topic ‘Remove space between header text and header image – Forever theme’ is closed to new replies.