Support » Fixing WordPress » add link to header image

  • ok first of all the site is

    i changed the header image to my own image and got rid of the code in header.php that showed the blog name etc

    this works fine except i dont know how to add a link to the header image to go back to the homepage, any ideas?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Put the code back that had showed the blog name, then go check out the chunk at the bottom of this page:

    If you have any problems, just post back.

    hi thanks for the reply.

    i looked at the link but my css code doesnt match exactly, so this is what i have done

    i have put the headerimg code back into header.php (i had only commented it out) and changed the CSS to look like this

    #header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background-color: #73a0c5;

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    text-indent:-500; <——- this is what i have added

    it now kinda works

    but the hit area is very small, any ideas?

    oh wait i missed out em on the end of -500 so all that did was kinda put the header back, i couldnt see it but i could click it

    i made my image by editing the kubrickheader.jpg file

    anyone help with this at all?

    ah I managed to do it, this is what I did.

    I edited the kubrickheader.jpg image to look like what i wanted it to and then changed the code in header.php to this


    <div id=”header”>

    <!– <div id=”headerimg”>

    <h1>“> <?php
    bloginfo(‘name’); ?>
    <div class=”description”><?php bloginfo(‘description’); ?> </div>

    </div> –>

    ok that didnt display but basically i took the code that created the link to the blog home page and wrapped it around the header div

    nice and easy in the end 🙂


    here is a workaround of the posted link wich work with kubrik css.

    replace this in your default css kubrik css

    h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #fff;

    and change the padding top
    h1 {
    padding-top: 0px;
    margin: 0;

    thats it! the image is now klickable and the text is here but not visibla because of the text indent.

    (rename your new headerimage to kubrikheaderimage.jpg and
    you can replace the standard image in wp-content/themes/default/images/kubrikheader.jpg)
    check the directorie names by yourself maybe i have a failure in the spelling.

    good luck!

    sorry i saw that this works only in firefox browser not in internet explorer 🙁 any ideas? i like the solution only to work in the css style.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘add link to header image’ is closed to new replies.