Header logo

escritosemanal · Member · Aug 31, 2011 at 12:45 am
Copy link

Add topic to favorites
Hi.

I´m using Neutra theme and want to change the header of “Escrito semanal” to a logo I have.

Can you help me with this?

My blog is http://escritosemanal.com/

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 31, 2011 at 1:06 am
Copy link
Yes, have you uploaded the header logo to your media library, or can you at least give us the dimensions of it in pixels?
escritosemanal · Member · Aug 31, 2011 at 7:37 pm
Copy link
Ok. I have uploaded it to the media library. The name is logo-preliminar.jpg and the size 613 × 389 pixels.
devblog · Member · Aug 31, 2011 at 8:33 pm
Copy link
escritosemanal,

If you post the URL of your image, that would be very helpful.
escritosemanal · Member · Aug 31, 2011 at 11:22 pm
Copy link
here it is

devblog · Member · Sep 1, 2011 at 12:50 am

Try this:

#container h1 {
background: #fff url(http://escritosemanal.files.wordpress.com/2011/08/logo-preliminar.jpg) 0 0 no-repeat;
height: 389px;
overflow: hidden;
width: 100%;
}

#container h1 a {
display: block;
height: 100%;
text-indent: -9999px;
width: 100%;
}

worldofhannah · Member · Sep 1, 2011 at 1:34 am
Copy link
What’s the best way to hyperlink a logo? I tried this code:

#text-3 { background:none; }

#text-3 h3,#text-1 h3.widgettitle {
display:none;
}

#text-3 a {
position:absolute;
top:75px;
width:670px;
height:130px;
display:block;
margin:125px 20px 20px -520px;
}

#text-3 a span {
display:none;
}

But it only hyperlinked it on the blog (main) page, and I would like it to be on all the pages! Advice?

I’m using the theme “Bueno”. (www.worldofhannah2.wordpress.com)

Thanks so much,

-HV
worldofhannah · Member · Sep 1, 2011 at 4:05 am
Copy link
I’m sorry – I forgot to mention that I also had a text widget with the following code:

<span>« Home</span>

I was following instructions found here. https://en.forums.wordpress.com/topic/header-link?replies=15

Thanks again!
thesacredpath · Member · Sep 1, 2011 at 4:28 am
Copy link
You have to create a transparent PNG image with no background color the exact size of the header, upload it and you put that into a text widget linked to your main page. You then use absolute positioning to move that text widget up and over the logo.

After you get the image into the text widget (put the widget at the top of the sidebar) let us know and we can help move it up and over the header/logo.
worldofhannah · Member · Sep 1, 2011 at 12:28 pm
Copy link
This is probably a really basic question, but how do I get the image in the text widget?

Thanks so much!
worldofhannah · Member · Sep 1, 2011 at 1:09 pm
Copy link
Never mind! I figured it out and the header is now hyperlinked!! Thanks again!!

-HV
thesacredpath · Member · Sep 1, 2011 at 5:09 pm
Copy link
You are welcome.
escritosemanal · Member · Sep 1, 2011 at 6:21 pm
Copy link
thank you very much devblog and thesacredpath

its bigger than i thought, I´ll just change the size of it

The topic ‘Header logo’ is closed to new replies.