WordPress.org

Forums

Header Image (6 posts)

  1. theaverageidiot
    Member
    Posted 9 years ago #

    Hello!

    I'm just getting into the wonderful world of blogging. I've set up my blog: http://nintendo.hopto.org

    But I want to customize it a bit. Namely, I want to add an image next to the text at the top says "Wii Will Blog". I've tried putting personalheader.jpg into my current templates .jpg folder but it doesn't do anything.

    So how do I do it?

  2. jeffdowder2k
    Member
    Posted 9 years ago #

    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

  3. wendell
    Member
    Posted 9 years ago #

    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?

  4. theaverageidiot
    Member
    Posted 9 years ago #

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

  5. theaverageidiot
    Member
    Posted 9 years ago #

    Nevermind, solved :). Thanks!

  6. wendell
    Member
    Posted 9 years ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic