making the headder a link in custom css
-
Hi there,
Okay, I’m using the css from Andy Skelton’s blog:
http://andy.wordpress.com/?css=cssI put up my own header image and removed the blog title – here it is:
http://cinnamonpyre.wordpress.com/so now the header isn’t a link to the home page. Is there anyway to make the whole header into a link?
thanks -
-
for whatever reason ‘view source’ isn’t working on my computer today. otherwise i’d be more specific.
you’ll want to try something along these lines
except that you’ve already got your
background: url();set in#header, so you you can just leave out that line. you’ll probably want to usewidth: 100%.try it out, i’ll take another look when i get home.
-
COOL!!!
It works but I have this nasty white line across my header imager. Anyidea how I can tidy that up?
Cheers!
-
OK, the line is the top of a border that your borrowed code puts around
h1 a, the area to which the link applies.Omitting
border:1px solid #FFFFFF;
should get rid of the line, but the link will still only apply to the section of the image beneath where the line is now.To get it working properly, I think you’ll need to match the dimensions of
h1 ato those of#header, and remove the padding you’ve applied toh1(which pushesh1 adown the page.Adapting sunburntkamel’s code, you get:
h1 a {
display:block;
align:center;
height:200px;
width:760px;
text-indent: -9000px;
}Then go to
h1, and delete:
padding-top:75px;hope this helps
-
- The topic ‘making the headder a link in custom css’ is closed to new replies.