Need help? Check out our Support site, then

Making Header Image Linkable

  1. Hi.

    I am trying to make the header image on my blog,, clickable & go to my main homepage of

    I am using the free theme 'MistyLook'. How do I do this? Do I need to buy a Custom Design upgrade in order to do this? Thank you.

    The blog I need help with is

  2. Hi,

    Check in your 'Appearance' menu, 'Theme Options' - mine has an option under the 'Logos & Header' section for 'Logo URL'. I don't have the same theme as you but the options might be the same.


  3. @burnerprep
    We cannot help you here at with that site as it’s not being hosted by and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/ If you have not registered a username account yet you can do so on the top right hand corner of the page I just linked to so you can post to those support forums. vs The Differences
    Best wishes with your site.

  4. Hi Julia.

    What theme are you using? Thank you.

  5. @timethief - I'm not sure if that's true because I got the blog through did not require any installation or anything. is run through an Ecommerce website.

  6. @burnerprep

    Yes, you are correct. You have a self-hosted site, but have added a blog to it which is using While we cannot help with your main site, your blog is hosted here on free

    I have no experience with custom CSS but have seen information about making a non-clickable header, well, so to speak: clickable. I'll move this thread to the CSS forum where someone with more knowlege will be able to find it.

  7. The best way I've found to do this is to repurpose an already-existing link on the page with a background image. It takes a little extra work. Here is a an example that works with the demo MistyLook theme. It uses the site title to ge the link, so note that you must have a site title set before it will work on your blog.

    #header {
    	width: 760px;
    	padding-top: 30px;
    #feedarea {
    	position: absolute;
    	right: 0;
    #header h2 {
    	display: none;
    #header h1 {
    	text-align: left;
    	text-indent: -9999px;
    #header h1 a {
    	margin-top: 10px;
    	display: block;
    	width: 760px;
    	height: 190px;
    	background: url('') center no-repeat;
    #headerimage {
    	display: none;
    #content {
    	clear: both;

    Note that you may need to make additional adjustments.

Topic Closed

This topic has been closed to new replies.

About this Topic