You are using bulletproof with the blue colorset with s9y v1.2.1. Given your s9y version, I presume you have bulletproof v1.2, which will be important for one of my recommendations.
Your header image is displayed via the bulletproof option "Custom header image from media database". As a result, it is a background image. You also seem to have switched off the blog title and description so neither displays in the header, which is fine, and in fact, preferrable for what you want to do.
First off, you need to edit the file index.tpl. look for this:
Code: Select all
<!-- #serendipity_banner: this is the header area. it holds the blog title and -->
<!-- description headlines -->
<div id="serendipity_banner">
immediately after <div id="serendipity_banner">, and before the next line, which begins with <h1>, insert this line:
Code: Select all
<a class="homelinkimage" href="{$serendipityBaseURL}"></a>
So the revision looks like this:
Code: Select all
<!-- #serendipity_banner: this is the header area. it holds the blog title and -->
<!-- description headlines -->
<div id="serendipity_banner">
<a class="homelinkimage" href="{$serendipityBaseURL}"></a>
<h1><span .........blah blah blah you are not changing this line
Save the file and close. Next, in the bulletproof folder, create a text file named user.css containing this code:
Code: Select all
.homelinkimage {
position: relative;
width: 100%;
height: 140px;
display: block
}
Save the file and close.
Finally, select "Manage Styles" from the administration interface, and be sure to select "yes" for the option "Use additional user stylesheet. Users have to create this stylesheet in the template directory. It has to be named user.css and can be used to override selected styles."
This SHOULD turn your entire banner (not just the image) into a link to your home page. There is one possible issue that might still need to be addressed regarding the <h1> and <h2> tags you see in index.tpl, which are your blog name and description (most of the time) which you have turned off using bulletproof. The reality is that you do not see them because they are invisible via css, but they are still rendered in the html output. They MIGHT create too much height in the banner, but I cannot fully test that until you make the changes I have suggested first.
Please note: this solution is specific to the template you are using, and your current stylesheets. Also note that if bulletproof is ever updated, and you overwrite the index.tpl file, you will need to make this modification again. We do NOT plan to ever create a file named user.css, so that file is safe, as are your remaining bulletproof stylesheets.