Making Header Image Linkable

  • Author
    Posts
  • #1073350

    burnerprep
    Member

    Hi.

    I am trying to make the header image on my WordPress.com blog, blog.burnerprep.com, clickable & go to my main homepage of http://www.burnerprep.com.

    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 blog.burnerprep.com.

    #1073439

    juliarevitt
    Member

    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.

    Julia

    #1073441

    timethief
    Member

    @burnerprep
    We cannot help you here at WordPress.com with that site as it’s not being hosted by WordPress.com and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/ If you have not registered a WordPress.org 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.
    WordPress.com vs WordPress.org: The Differences
    http://support.wordpress.com/com-vs-org/
    Best wishes with your site.

    #1073528

    burnerprep
    Member

    Hi Julia.

    What theme are you using? Thank you.

    #1073529

    burnerprep
    Member

    @timethief – I’m not sure if that’s true because I got the blog through wordpress.com. Blog.burnerprep.com did not require any installation or anything. Burnerprep.com is run through an Ecommerce website.

    #1073530

    1tess
    Moderator Emeritus

    @burnerprep

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

    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.

    #1073551

    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('http://burnerprep.files.wordpress.com/2012/11/cropped-header-bg.png') center no-repeat;
    }
    
    #headerimage {
    	display: none;
    }
    
    #content {
    	clear: both;
    }

    Note that you may need to make additional adjustments.

The topic ‘Making Header Image Linkable’ is closed to new replies.