WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Header image link using Journalist?

[Resolved] Header image link using Journalist?

  • Hi,

    There are lots of queries about how to add a link to a header graphic, but I can’t seem to find the answer I’m looking for. I’m using the theme Journalist, which doesn’t have a header div. Instead, I’ve got the image in my #container H1 div. Can anyone recommend how I would add a link to that image? My url is: http://www.26mertonroad.com/

    Thank you so much.
    ps I’m a newbie, so please be specific when telling me where to put lines of code.

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

    @esmi

    Forum Moderator

    You already have a graphic in your header area…

    Yes, I have a graphic. I would like to add a link to that graphic to make it link back to the homepage. Any suggestions? Thanks!

    esmi

    @esmi

    Forum Moderator

    Drop a copy of your theme’s header.php file into the WordPress pastebin and post the pastebin url here.

    I hope this works:

    http://pastebin.com/GBDYJJTX

    esmi

    @esmi

    Forum Moderator

    http://pastebin.com/hU3zJtKW

    Then edit style.css and change:

    #container h1 a {
        color: #FF3300;
        text-decoration: none;
        visibility: hidden;
    }

    to:

    #container h1 a {
    color: #FF3300;
    text-decoration: none;
    display:block;
    height:300px;
    width:950px;
    }
    container h1 a span {
    display:block
    position:absolute;
    top:-9999px;
    left:-9999px;
    }

    That should do it.

    OK, that’s awesome. That works perfectly…except for one big glaring problem. Now I have a big grey box right under the header. Please take a look. http://www.26mertonroad.com/

    Thank you for your help so far!

    OK, nevermind, I figured it out, it was my footer that somehow got up in there and was stretched out really tall. Anyway, it’s all good. Thanks for helping me out with this banner link. I’ve been tearing my hair out trying to get it to work for the last 2 days. Take care!

    esmi

    @esmi

    Forum Moderator

    I suggest you start by getting rid of the banner markup you added.

    Oh wait, one more little thing. It shows the name of the blog at the top left corner of the banner now… how do I get rid of that?

    esmi

    @esmi

    Forum Moderator

    Sorry – there was a typo in the second CSS block above. It should be:

    #container h1 a span {
    display:block;
    position:absolute;
    top:-9999px;
    left:-9999px;
    }

    Aha, and it was missing a semi-colon after the display:block

    It’s perfect now. No more mark-up. Thanks again!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Header image link using Journalist?’ is closed to new replies.