add link to header image

Put the code back that had showed the blog name, then go check out the chunk at the bottom of this page:
https://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html

If you have any problems, just post back.

hi thanks for the reply.

i looked at the link but my css code doesnt match exactly, so this is what i have done

i have put the headerimg code back into header.php (i had only commented it out) and changed the CSS to look like this

#header {
padding: 0;
margin: 0 auto;
height: 200px;
width: 100%;
background-color: #73a0c5;
}

#headerimg {
margin: 0;
height: 200px;
width: 100%;
text-indent:-500; <——- this is what i have added
}

it now kinda works https://www.bryanwebster.co.uk

but the hit area is very small, any ideas?

oh wait i missed out em on the end of -500 so all that did was kinda put the header back, i couldnt see it but i could click it

i made my image by editing the kubrickheader.jpg file

anyone help with this at all?

ah I managed to do it, this is what I did.

I edited the kubrickheader.jpg image to look like what i wanted it to and then changed the code in header.php to this

“>

<div id=”header”>

<!– <div id=”headerimg”>

<h1>“> <?php
bloginfo(‘name’); ?></h1>
<div class=”description”><?php bloginfo(‘description’); ?> </div>

</div> –>
</div>

ok that didnt display but basically i took the code that created the link to the blog home page and wrapped it around the header div

nice and easy in the end ??

hmm…

here is a workaround of the posted link wich work with kubrik css.

replace this in your default css kubrik css

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: #fff;
display:block;
height:100%;
text-indent:-600em;
}

and change the padding top
h1 {
padding-top: 0px;
margin: 0;
}

thats it! the image is now klickable and the text is here but not visibla because of the text indent.

(rename your new headerimage to kubrikheaderimage.jpg and
you can replace the standard image in wp-content/themes/default/images/kubrikheader.jpg)
check the directorie names by yourself maybe i have a failure in the spelling.

good luck!

sorry i saw that this works only in firefox browser not in internet explorer ?? any ideas? i like the solution only to work in the css style.