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

  • Copy link

  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