WordPress.com Forums » Topic: Making Header Image Linkable

designsimply on "Making Header Image Linkable"

designsimply — Sat, 15 Dec 2012 08:24:21 +0000

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.

1tess on "Making Header Image Linkable"

1tess — Sat, 24 Nov 2012 08:09:53 +0000

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

burnerprep on "Making Header Image Linkable"

burnerprep — Sat, 24 Nov 2012 07:43:59 +0000

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

burnerprep on "Making Header Image Linkable"

burnerprep — Sat, 24 Nov 2012 07:20:24 +0000

Hi Julia.

What theme are you using? Thank you.

timethief on "Making Header Image Linkable"

timethief — Sun, 18 Nov 2012 16:55:52 +0000

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

juliarevitt on "Making Header Image Linkable"

juliarevitt — Sun, 18 Nov 2012 16:50:54 +0000

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

burnerprep on "Making Header Image Linkable"

burnerprep — Sun, 18 Nov 2012 09:52:48 +0000

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.