Need help? Check out our Support site, then


Adding a Link to My Header Image

  1. Hello.

    Just started a blog less than a week ago, & I am LOVING blogging already!
    An Inch of Hope

    So, I just designed a header graphic for my site.
    I have researched quite a bit on this forum & the Internet on how to add a link to the header image,
    but b/c I do not know CSS at all, I am having trouble.

    I have the Licorice theme on my site, & I would love it if you could specify how to edit the CSS/HTML to make this happen.

    Please HELP!
    madisunanne.
    <3

    The blog I need help with is aninchofhope.wordpress.com.

  2. All CSS editing is theme specific. The blog linked to your username is wearing Twenty Eleven. Please post an active link starting with http:// to the blog wearing the Licorice theme.

  3. Oh dear. I do apologize as I just spotted the link in the OP. :(

  4. This can be done, but it is a little involved. You have to make a transparent PNG image with no background color the exact size of your header image, upload that to your media library, get the URL and insert it into a text widget linked to your home page in the bottom sidebar. Once you have done that, then we would use absolute positioning to move that text widget up and over the top of your header image thus making it clickable.

    If you want to get the image created and into a text widget linked to your main page, we can help move it up there for you.

  5. Oh and one other thing, please go to settings > general and temporarily turn off the snow. It generally messes me up when I'm trying to use Firebug to do these sorts of things and can even kill firefox before I get done.

  6. And if you need the HTML code for an image link.

    <a href="LINK URL"><img src="IMAGE URL" title="" alt="" /></a>

  7. @sacredpath, thank you for your quick & detailed response.
    snow is now off, & i will get to work on the transparent PNG image.

    will let you know when i am done.

    thank you.
    madisunanne.

  8. DONE: You have to make a transparent PNG image with no background color the exact size of your header image

    DONE: upload that to your media library,

    I THINK THIS IS DONE, IS IT?: get the URL and insert it into a text widget linked to your home page in the bottom sidebar.

    I don't have a bottom sidebar that I am aware of,... only a sidebar on the right.

    Let me know what to do next!

    Thank you,
    madisunanne.

  9. Here you go. Add this to your custom CSS.

    #canvas {
    position: relative;
    }
    
    #text-5 {
    left: 50px;
    position: absolute;
    top: 100px;
    }
  10. DONE!

    Thank you for all your help!
    madisunanne.
    <3

  11. You are welcome.

  12. Hi, I'm trying to follow along and so far I've got my image uploaded to my media library. I've tried to carry on and I've ended up with this; http://www.rhianna.info.

    I'm really struggling to get it moved into the right position and I'm a complete beginner with no idea what I'm doing.

    Does the last piece of code you provided go into the style.css somewhere?

    Thank you!
    Rhianna

  13. imanaturaldisaster was taken care of in their other thread (wrong forum): http://en.forums.wordpress.com/topic/removing-title-in-liquorice-theme?replies=5 .

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags