Hey "thesacredpath" I'm Having a few problems linking my new Logo to Home Page.

• 

  lenniem10 · Member · Aug 6, 2011 at 3:06 am

  • Copy link
  • Add topic to favorites

  Hey there sacredpath was just trying to get my new logo to work so that if someone clicks on it, it takes them back to the Home page do you have any Ideas on how to do this “http://pixelgfx.wordpress.com/”

  Thanks Lenny

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 6, 2011 at 3:12 am

  • Copy link

  This is a little tricky, but it can be done.

  1. Make a new image the same size as your logo image, but with nothing in it (no background color) and save it as a transparent PNG file and upload it to your media library.
  2. Insert that image into a text widget at the top of your sidebar and link it to your main site page, http://pixelgfx.wordpress.com/ .

  Let me know when you have done that and I’ll work out the CSS to move that text widget up and over the top of your logo and then it will act as the link back to your main page.

• 

  lenniem10 · Member · Aug 6, 2011 at 3:18 am

  • Copy link

  Ok will do 2secs cheers man!

• 

  lenniem10 · Member · Aug 6, 2011 at 3:26 am

  • Copy link

  Hey sacred I don’t think I can Link the Text Widget to the Main and I can’t get the Image to go into a Text Widget.

• 

  lenniem10 · Member · Aug 6, 2011 at 3:34 am

  • Copy link

  OK Done lol :D took a while but its all done.

• 

  thesacredpath · Member · Aug 6, 2011 at 4:19 am

  • Copy link

  You need to change the code in the text widget to this.

  <a href="http://pixelgfx.wordpress.com/"><img width="180" src="http://pixelgfx.files.wordpress.com/2011/08/blank-png.png" /></a>

• 

  lenniem10 · Member · Aug 6, 2011 at 4:26 am

  • Copy link

  Cheers how do I link it to the Logo though

• 

  thesacredpath · Member · Aug 6, 2011 at 4:30 am

  • Copy link

  Add this to your custom CSS right at the bottom.

  #wrapper {
  position: relative;
  }
  
  #text-5 {
  left: 0;
  padding-top: 0 !important;
  position: absolute;
  top: 0;
  }
  
  #text-5 a, #text-5 a:hover {
  border-bottom: none;
  }

• 

  thesacredpath · Member · Aug 6, 2011 at 4:31 am

  • Copy link

  The above code will put the text widget up and over your logo and once you save, refresh your main page and click on your logo.

• 

  lenniem10 · Member · Aug 6, 2011 at 4:32 am

  • Copy link

  Nice One Cheers man Its all Working now lol I’m getting we’ll Tired now its 5:30am XD

  Have you Found out how to move the Text Widget/Blank Logo above the Logo yet.

• 

  lenniem10 · Member · Aug 6, 2011 at 4:35 am

  • Copy link

  Hey man You are a Legend Cheers man Its been so long tryna get the Logo Sorted out but thanks once again to you made it so much easier and less Stressful Cheers man. :D

• 

  thesacredpath · Member · Aug 6, 2011 at 4:39 am

  • Copy link

  You are welcome.