How to place header image at very top of page

  • I’m quite new to wordpress, and also with html in general, however I feel I’m learning very fast.
    And I’m trying to place my header image at the very top of my wordpress page, without any white space at all between the header image and the brower.
    I was originally assuming I would go into header.php, and find the solution there… or should I be looking in the style.css??
    Im using dreamweaver, and so on the design view, I’m just deleting the little ‘php’ tags… which does something, but not quite what I want it too. Plus, it’d be nice to know the proper way.

    Thank you in advance for any help on this!!

Viewing 4 replies - 1 through 4 (of 4 total)

  • It’s hard to say without seeing your site….can you post the url?

    You should most likely leave the php tags alone and concentrate on the css file.

    Thread Starter thewicks

    (@thewicks)

    Of course, yes, the url is: https://www.thewicks.ca
    What I’m trying to do is get rid of that little bit of white space between the header image and the browser.
    Im thinking there must be a style that’s pushing the header down the 40px or whatever it is… maybe I just need to go through one by one and experiment.
    Or is there something simpler that I’m missing?

    I`m not pretty sure if we are on the same page but if you want to get rid of that white strip right above the header then edit your theme’s CSS file and on line 334 you’ll find this

    #header {
margin-left:18px;
padding:0 0 0;
}

    … just replace it with this:

    #header {
margin-left:18px;
margin-top:-32px;
padding:0 0 0;
}

    Adrian, thank you for the tip. I was just able to move my header to the top of the page on my site https://www.magnetictrainer.info

    Now to do the same thing with background. Any idea how to do that?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to place header image at very top of page’ is closed to new replies.

Tags