Customizing header link

dtravisb · Member · Apr 18, 2013 at 6:29 am
Copy link

Add topic to favorites
Is it possible to change the link of the header using custom css? Or a way to do it with a text widget and HTML? I want my header to go to another page instead of the home page. Thanks
dtravisb · Member · Apr 18, 2013 at 6:32 am
Copy link
Sorry let me clarify. Is it possible to the the link of a header image!? Thanks again.
thesacredpath · Member · Apr 18, 2013 at 3:16 pm
Copy link
There are some tricks that can be used to do this, but in general, most people expect a header image, or site title to take them to the main page of the site they are on. Is it just to a different page on your site, and are you talking about this site: http://sonsofyoung.wordpress.com/ ?
dtravisb · Member · Apr 18, 2013 at 3:53 pm
Copy link
It would be for this site:

http://haikucolumbia.wordpress.com

As you can see I’ve added a banner above the menu, “Haiku Columbia…” for a header and I have a banner below the menu, “Test Header…” where the usual header goes for the coraline theme. I would like the upper banner to be linked to the homepage and the lower one linked to an external site. I found some info on how this might work but none of it worked for me. Thanks a ton for getting back to me.

Ugh, I was very tired and frustrated last night. Forgive all the typos!
thesacredpath · Member · Apr 18, 2013 at 4:08 pm
Copy link
Create a blank, transparent PNG image the same size as your top logo image, upload it to your media library and put it into a text widget in your sidebar, linked to the URL you want it to go to, and then let us know when you have that done and we can help you position it over the logo at the top.
dtravisb · Member · Apr 18, 2013 at 4:10 pm
Copy link
Okay. So that would be for the very top image, the “Haiku Columbia” image. Would I do the same for the “Test header imager” banner?
dtravisb · Member · Apr 18, 2013 at 4:18 pm
Copy link
Okay done. Just need the re-positioning part. Thanks again.
thesacredpath · Member · Apr 18, 2013 at 4:21 pm
Copy link
You are welcome, and if you want to do the same for the “test header image” location, yes you will need to do the same for that one, in a new text widget.
dtravisb · Member · Apr 18, 2013 at 4:24 pm
Copy link
Sorry for all the post. Doing this live. So how do I re-position it?
thesacredpath · Member · Apr 18, 2013 at 4:24 pm
Copy link
Edit the text widget and remove the title from it. This would be the code for the top logo image:
```
#text-4 {
position: absolute;
top: 0;
}
```
dtravisb · Member · Apr 18, 2013 at 4:28 pm
Copy link
Cool! Done. Works great. Now how about re-positioning for the “Test Header Image”

I assume it’ll be with some sort of negative pixel value or something?

Again appreciate this a ton!
thesacredpath · Member · Apr 18, 2013 at 5:14 pm
Copy link
Looks like you got the idea, and you are welcome.
dtravisb · Member · Apr 18, 2013 at 5:22 pm
Copy link
yeah, I figured it out. working with it now. Thanks again!
thesacredpath · Member · Apr 18, 2013 at 5:25 pm
Copy link
You are welcome.

No items found.