WordPress.org

Ready to get started?Download WordPress

Forums

How do I make my header the image I made? (7 posts)

  1. brittanywigand
    Member
    Posted 4 years ago #

    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

  2. figaro
    Member
    Posted 4 years ago #

    I don't see a header image...just a white background.

  3. brittanywigand
    Member
    Posted 4 years ago #

    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...

  4. brittanywigand
    Member
    Posted 4 years ago #

    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.

  5. figaro
    Member
    Posted 4 years ago #

    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.

  6. brittanywigand
    Member
    Posted 4 years ago #

    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?

  7. brittanywigand
    Member
    Posted 4 years ago #

    It's also all boxed in... the actual picture is 1432x322.

Topic Closed

This topic has been closed to new replies.

About this Topic