WordPress.org

Forums

[resolved] Move Kubrick header to top of page (7 posts)

  1. JAPPO
    Member
    Posted 7 years ago #

    I want to move my banner to the very top of the page. http://www.dbthemovie.com

    Using kubrick. Which margin / padding / etc. do I edit?

  2. boober
    Member
    Posted 7 years ago #

    find

    #page {
    	background-color: white;
    	margin: 20px auto;
    	padding: 0;
    	width: 760px;
    	border: 1px solid #959596;
    	}

    its setting a top and bottom margin of 20px. change it to 0px and your header will bump up.

  3. JAPPO
    Member
    Posted 7 years ago #

    Thanks.

    How do I get rid of the white above it?

    #header {
    background: url('http://www.dbthemovie.com/images/thebanner.png') no-repeat bottom center;
    }

    It used to be this:

    #header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }

    Also, is there anyway to link the image to the homepage without having the blog name on the banner?

  4. boober
    Member
    Posted 7 years ago #

    these two entries in your stylesheet have height set to 200, but your image is only 192. try changing them to 192

    #header {
    	margin: 0 0 0 1px;
    	padding: 0;
    	height: 200px;
    	width: 758px;
    	}
    
    #headerimg {
    	margin: 0;
    	height: 200px;
    	width: 100%;
    	}
  5. JAPPO
    Member
    Posted 7 years ago #

    Thanks! That worked!

    Is there any way to link the banner? I changed the header.php so it wouldn't show the blog title or description

    <div id="header">
    <div id="headerimg">
    <h1></h1>
    <div class="description"></div>
    </div>
    </div>
    <hr />

    I'm a newb, sorry.

  6. boober
    Member
    Posted 7 years ago #

    sure, theres a lot of ways to do that, since youre using the default theme, reading this may be especially helpful
    http://codex.wordpress.org/Designing_Headers#Making_the_Whole_Header_Clickable

  7. JAPPO
    Member
    Posted 7 years ago #

    Thank you

Topic Closed

This topic has been closed to new replies.

About this Topic