Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Making Header Image Linkable

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

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

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

  4. burnerprep
    Member

    Hi Julia.

    What theme are you using? Thank you.

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

  6. 1tess
    Moderator

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

  7. designsimply
    Staff

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags