Header Image

I’m trying to do something similar. I downloaded a themed page and I want to take the default header and replace it with a image I made with photoshop. hmmmmm

that is because you have to edit your header.php (only the default template – if you are using a different template you have to figure it out yourself. I looked at your site you are using the default kubrick template) to tell it to use that file instead of the default . Read from lines 35 to 41 in the header.php file.

Note that line 40 is commented out (i.e. it is not used). the ‘/*’ and ‘ */’ on lines 39, 41 represent the php comment start and end calls. They are currently deactivating line 40 which says to use the personalheader.jpg as the header picture. If you erase lines 39 and 41 you should get the desired result.

I hope that is sufficiently detailed. No offense but you guys have a lot of learning to do, good luck!

[edit: I just looked in your templates image directory

/wp-content/themes/default/images/

I didn’t see a file called personalheader.jpg. Did you upload it to the correct directory?

I looked at line 39, 40, and 41 and I don’t see anything commented out. Is # a comment?

Nevermind, solved :). Thanks!

FYI

Just to confuse you with syntax, # can be comments in certain programing language, but not CSS. In CSS comments are wrapped with ‘/*’ to start and ‘*/’ to end.

For example

/* COMMENT */

or
/*
BLAH BLAH COMMENT
*/

In CSS # indicates a id style while ‘.’ indicates a class style. An id can only be used once in a page, while a class can be used repeatedly.

For example I could have a div (layer) of

<div id="blackbox"> </div>

then in my CSS sheet I would have to define that style. Suppose I wanted a black rectangle 20px by 30px. Then in my CSS sheet I would have the following:

#blackbox{ background:black;
width: 20px;
height: 30px;
}

Now suppose I want to keep reusing this element, I would want to make it a class instead.

<div class="blackbox"></div>

In that case I would have the following in my CSS

.blackbox{ background:black;
width: 20px;
height: 30px;
}