Adding a Link to My Header Image

  • Author
    Posts
  • #767943

    madisunanne
    Member

    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.

    #768078

    timethief
    Member

    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.

    #768079

    timethief
    Member

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

    #768091

    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.

    #768092

    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.

    #768093

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

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

    #768095

    madisunanne
    Member

    @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.

    #768097

    madisunanne
    Member

    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.

    #768101

    Here you go. Add this to your custom CSS.

    #canvas {
    position: relative;
    }
    
    #text-5 {
    left: 50px;
    position: absolute;
    top: 100px;
    }
    #768102

    madisunanne
    Member

    DONE!

    Thank you for all your help!
    madisunanne.
    <3

    #768107

    You are welcome.

    #768160

    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

    #768171

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

The topic ‘Adding a Link to My Header Image’ is closed to new replies.