WordPress.org

Support

Support » Themes and Templates » How do I make my header the image I made?

How do I make my header the image I made?

  • My background image was too big. 🙁 So I broke it up into different peices and I made the header seperate from it. I can’t figure out how to put my header on my site… Well, I have it on my site, just not in the position I want it. It’s currently top-center, and I want it to be top-left. Help?

    Site: BrittanyWigand.com
    Theme: Silver Dreams

Viewing 6 replies - 1 through 6 (of 6 total)
  • I don’t see a header image…just a white background.

    I put this in:

    #header {
            background:#transparent url("http://brittanywigand.com/wp-content/uploads/2009/08/headerblue.png") no-repeat top left;
            height:150px;
            color:#transparent;
            font-weight:normal;
            letter-spacing:-2px;
            font-family:'Arial',sans-serif;
            font-size:8pt;
            text-align:left;
            margin:0px;
            padding-top:60px;
            padding-left:0px;
    }

    But it doesn’t seem to be working…

    This is what the theme came with:

    #header {
            background:transparent;
            height:150px;
            color:#211;
            font-weight:normal;
            letter-spacing:-2px;
            font-family:'Eras Medium ITC','Arial',sans-serif;
            font-size:48px;
            text-align:left;
            margin:0px;
            padding-top:60px;
            padding-left:40px;
    }

    I’m not sure how to make it go to the left.

    In the original theme the header image is called in #page, like so:

    #page {
    background:transparent url(images/header.png) no-repeat scroll center top;
    margin:0 auto;
    padding-top:0;
    text-align:left;
    width:999px;
    }

    Find that code in style.css and put the path to your image there.

    I think you will still have some problems though with the size of your header, but once you get it showing, then you can adjust.

    I made it this:

    #page {
            margin:0px auto;
            text-align:left;
            background:transparent url("http://brittanywigand.com/wp-content/uploads/2009/08/headerblue.png") no-repeat top left;
            width:999px;
            padding-top:0px;
    
    }

    But it’s still centered and not at the top left of the page. How do I fix it?

    It’s also all boxed in… the actual picture is 1432×322.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How do I make my header the image I made?’ is closed to new replies.