Linking the Header Banner to a Page?

Home › Forums › Techozoic › Linking the Header Banner to a Page?

This topic has 3 voices, contains 7 replies, and was last updated by  Jeremy Clark 310 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
Author Posts
Author Posts
May 18, 2010 at 7:54 pm #929

Heather

Hi Jeremy,

Just wondering if you can link to the Header Banner.

In http://www.TheWorldMeditation.com project we dont’ have a navigation bar, so we were wondering if we could somehow link clicking on the header banner to go back to the home page?

This is a great vision and project too, which we are hoping to get lots of people register to try and make a difference in the world, so hopefully you will get a lot of recognition
for your theme with this one. Please register and spread the word.

Thank you
Regards
Heather
May 19, 2010 at 4:01 am #930

Jeremy Clark

Ok what you’ll need to do is edit the header.php and right below the

<div id="header">

put this code

<a href="<?php bloginfo(‘url’); ?>" title="Home" class="headerlink">Home</a>

You can of course edit the title or remove it all together. Then in the custom css box you’ll need to add this code.

.headerlink{
display:block;
float:left;
height:100%;
width: 100%;
outline-style:none;
}
May 20, 2010 at 3:36 am #931

Heather

Hi Jeremy.

I have tried that code and it doesn’t appear to be working.
I have even tried altering it and the home page actually has the slug of invite, but that didn’t work either.
What could I be doing wrong

I found the code you said, put the next line under it and saved and uploaded again.

Any hints
Thanks
Heather
May 20, 2010 at 4:22 am #932

Jeremy Clark

I don’t see the css code on the page though and thats what tells the link to span the whole header. And actually the link code I told you is wrong. It should be this without any text for the link otherwise it will show the text in the header which you don’t want. So it should be this.

<a href="<?php bloginfo(‘url’); ?>" title="Home" class="headerlink"></a>

But if you’ll add the css to the custom css it should start working.
May 20, 2010 at 6:05 pm #933

Heather

Hi Jeremy.

Done all that of what I understand.

And it still not working. What am I missing here?

Thanks Heather
May 21, 2010 at 3:58 am #934

Jeremy Clark

Okay I see the problem it was a typo in my original post. The css code should look like this. All CSS declarations have to have a ; at the end, I left the one on height off.

.headerlink{
display:block;
float:left;
height:100%;
width: 100%;
outline-style:none;
}

Also you should remove the text Home between the a tags to get rid of the text in the header. A link doesn’t have to have text if the size is given for it.
August 2, 2010 at 12:01 pm #935

Cullenboyz

I just used this to make my banner link to the homepage. Worked like a charm. Thank you!!
July 11, 2011 at 1:52 pm #936

Jeremy Clark

I just followed the instructions here, and it worked as well. Thank you so much for the support on this.

But I have a follow up question on this. My posts are all in the center, and the sidebar are way down already. Was there something wrong with the code I placed?
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.