Posted 8 years ago #
ok first of all the site is http://www.bryanwebster.co.uk
i changed the header image to my own image and got rid of the code in header.php that showed the blog name etc
this works fine except i dont know how to add a link to the header image to go back to the homepage, any ideas?
Posted 8 years ago #
Put the code back that had showed the blog name, then go check out the chunk at the bottom of this page:
http://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html
If you have any problems, just post back.
Posted 8 years ago #
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 http://www.bryanwebster.co.uk
but the hit area is very small, any ideas?
Posted 8 years ago #
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?
Posted 8 years ago #
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>
Posted 8 years ago #
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 :)
Posted 7 years ago #
hmm...
Posted 7 years ago #
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!
Posted 7 years ago #
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.
This topic has been closed to new replies.
