WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header image link using Journalist? (12 posts)

  1. webmakerholly
    Member
    Posted 3 years ago #

    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.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    You already have a graphic in your header area...

  3. webmakerholly
    Member
    Posted 3 years ago #

    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!

  4. esmi
    Forum Moderator
    Posted 3 years ago #

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

  5. webmakerholly
    Member
    Posted 3 years ago #

    I hope this works:

    http://pastebin.com/GBDYJJTX

  6. esmi
    Forum Moderator
    Posted 3 years ago #

    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.

  7. webmakerholly
    Member
    Posted 3 years ago #

    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!

  8. webmakerholly
    Member
    Posted 3 years ago #

    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!

  9. esmi
    Forum Moderator
    Posted 3 years ago #

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

  10. webmakerholly
    Member
    Posted 3 years ago #

    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?

  11. esmi
    Forum Moderator
    Posted 3 years ago #

    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;
    }
  12. webmakerholly
    Member
    Posted 3 years ago #

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

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

Topic Closed

This topic has been closed to new replies.

About this Topic