Use an image for Blog Title?

• 

  thesacredpath · Member · Dec 15, 2011 at 10:09 am

  • Copy link

  Now replace what you have in the text widget with this.

  <div style="position: absolute; top: 28px; left: 10%;"><a href="http://ajfudgeology.wordpress.com/"><img src="http://ajfudgeology.files.wordpress.com/2011/12/image00001.jpg" title="" alt=""></a></div>

  After saving, force refresh your main page to see it. You need to view things while logged in and logged out. Right now when logged in, the logo will be right at the lower edge of the admin bar and there will be a big gap between the bottom of the logo and the top of the grey content area. When logged out, that gap will be less and there will be white space above the logo.

  Second thing you need to do is the widen and narrow your browser window to see the effect. The logo will slide left or right as you narrow and widen the browser window. I’ve minimized this by using a percentage for the “left” position value, but this cannot be eliminated.

  That is what you will have to live with without the Custom Design Upgrade.

• 

  thesacredpath · Member · Dec 15, 2011 at 10:10 am

  • Copy link

  Oh yeah, and you will have to go to settings > general and delete your tagline which is now partially covered by the logo.

• 

  ajfudgeology · Member · Dec 15, 2011 at 10:27 am

  • Copy link

  @thesacredpath

  Hey, thanks! There it is now on the top.
  Yeah, this would have to work for now until I decide to go for the Custom Design Upgrade.

  I’ll probably do a little tweaking, but thank you very much! :)

• 

  thesacredpath · Member · Dec 15, 2011 at 11:12 am

  • Copy link

  You are welcome.