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.

    Thread Starter brittanywigand

    (@brittanywigand)

    I put this in:

    #header {
        background:#transparent url("https://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…

    Thread Starter brittanywigand

    (@brittanywigand)

    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.

    Thread Starter brittanywigand

    (@brittanywigand)

    I made it this:

    #page {
        margin:0px auto;
        text-align:left;
        background:transparent url("https://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?

    Thread Starter brittanywigand

    (@brittanywigand)

    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.