Header and background image

  • twlocke

    (@twlocke)


    14 years, 8 months ago

    Hi, I’m fairly new to wordpress and I am using a template called HemingwayEx. Instead of the page name and description, I am trying to place an image in the header. Also I’m trying to place a background image in the top left corner of my template.

    Any help would be greatly appreciated.

    Thanks,

    Travis Locke
    http://www.twlocke.com/home

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    14 years, 8 months ago

    To add a header image, upload your image (presumably called header.jpg) to your theme’s images folder. The edit style.css and change:

    #header .inside {
padding:2em 0;
}

    to

    #header .inside {
height:33px;
padding:2em 0;
background:url(images/header.jpg left top no-repeat);
}

    If you need a deeper header, increase the height figure to the height of your header image.

    If you want to then pull the header text off the page, add the following to the bottom of style.css:

    #header h2, #header .description {
position:absolute;
top:-5000px;
left:-5000px;
}

    Also I’m trying to place a background image in the top left corner of my template.

    Again, upload the new image (this time called bg.jpg) to the images folder in your them but, his time, change

    body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000;
color:#BFBFBF;
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
font-size:70%;
}

    to

    body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 url(images/bg.jpg) left top no-repeat;
color:#BFBFBF;
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
font-size:70%;
}

    HTH

    Thread Starter twlocke

    (@twlocke)

    14 years, 8 months ago

    I tried adding the header image, just the way you said.. but it keeps on coming up with no image. My image is 512×50 pixels and I tried adjusting the height number to see if that would make a difference but nothing. Not too sure what to do now?

    Thanks

    Thread Starter twlocke

    (@twlocke)

    14 years, 8 months ago

    I tried another piece of code that you placed on another post and it actually worked perfect. Here’s the code I used for the header:

    #header {
    height:70px;
    background:url(images/header.jpg) center top no-repeat;
    }

    I’m yet to try the background image for the top left though.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header and background image’ is closed to new replies.