Header and background image

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

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

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