Add logo above the header – is it possible on TwentyEleven?

• 

  figandfag · Member · Jul 29, 2011 at 1:13 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Before I buy the custom CSS I would like to know if it is possible to remove the title and tagline (above the header) and put in a logo (JPEG) in its place? If so, how can I do it on CSS?

  Thank you!

  http://www.figandfag.wordpress.com

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

• 

  panaghiotisadam · Member · Jul 29, 2011 at 1:31 pm

  • Copy link

  Yes it’s possible.

  But there’s a non-upgrade alternative too: hide the default title and tagline in Appearance>Header, and create and upload a version of your header image with your logo incorporated in it.

• 

  ificanucan · Member · Jul 29, 2011 at 3:07 pm

  • Copy link

  Not seeing that as a selection on Twenty Eleven. Only shows changes you can make as far as the header image, and that is all.

• 

  wpgaurav · Member · Jul 29, 2011 at 4:35 pm

  • Copy link

  @ificanucan Not in Twenty Ten but Yes in Twenty Eleven. You’re using TwentyTen.

• 

  ificanucan · Member · Jul 29, 2011 at 5:08 pm

  • Copy link

  *head thwack* I sure am! Lemme shut up and go fix this. LOL Thanks for the heads up!

• 

  unisoncu · Member · Jul 29, 2011 at 6:31 pm

  • Copy link

  Just to verify, you can upload your logo above the header in Twenty Ten instead of using the title and tagline?

• 

  thesacredpath · Member · Jul 29, 2011 at 8:13 pm

  • Copy link

  Just to verify, you can upload your logo above the header in Twenty Ten instead of using the title and tagline?

  Only with some knowledge of CSS and the custom design upgrade.

• 

  unisoncu · Member · Jul 29, 2011 at 8:17 pm

  • Copy link

  Can you please instruct me how to put my logo in above the header, instead of having the title and tagline?

• 

  timethief · Member · Jul 29, 2011 at 8:23 pm

  • Copy link

  @unisoncu
  Do you have (1) CSS editing skills and have you (2) purchased the annually renewable custom design upgrade or not?
  See here > http://en.support.wordpress.com/custom-design/
  Without the custom design upgrade upgrade you cannot upload your logo above the header in Twenty Ten instead of using the title and tagline

• 

  unisoncu · Member · Jul 29, 2011 at 8:47 pm

  • Copy link

  Yes I do have the custom design upgrade and am so so in my editing skills.
  Here’s a link to my blog. If I have instructions, I can work my way through it.
  http://blog.unisoncu.org/

• 

  thesacredpath · Member · Jul 29, 2011 at 9:27 pm

  • Copy link

  Upload the logo image to the media library, get the URL and replace URL OF LOGO between the double quote marks with that URL. Enter height and width in those declarations to match the image size.

  `#site-title {
  background: url(“URL OF LOGO”) no-repeat scroll 0 0 transparent;
  height: HEIGHT OF LOGO IN PX;
  width: WIDTH OF LOGO IN PX;
  }

  #site-title a, #site-description {
  display: none;
  }

• 

  figandfag · Member · Jul 29, 2011 at 9:27 pm

  • Copy link

  So it’s possible to add a logo above the header on Twenty Eleven. That’s great.

  I don’t want to incorporate a logo IN the header – I’d like to keep the header clear for random image uploads – and add a logo above the header on the left, and keep the search box on the right.

  Where can I make the changes on the CSS stylesheet?

  Any assistance would be greatly appreciated :)

• 

  thesacredpath · Member · Jul 29, 2011 at 9:28 pm

  • Copy link

  Shoot, I missed the ending code tag. Use the below for copy paste and then edit as needed.

  #site-title {
  background: url("URL OF LOGO") no-repeat scroll 0 0 transparent;
  height: HEIGHT OF LOGO IN PX;
  width: WIDTH OF LOGO IN PX;
  }
  
  #site-title a, #site-description {
  display: none;
  }

• 

  figandfag · Member · Jul 29, 2011 at 9:29 pm

  • Copy link

  Oh thank you @thesacredpath

  Let me check – is the CSS changes for Twenty Eleven or Twenty Ten?

• 

  thesacredpath · Member · Jul 29, 2011 at 9:35 pm

  • Copy link

  I was looking at your site when I figured that out, so it is for the theme you are using, 2010.

• 

  figandfag · Member · Jul 29, 2011 at 9:45 pm

  • Copy link

  Sorry but I’m using Twenty Eleven (2011) theme not 2010, please see my link on the my first post above…

• 

  ificanucan · Member · Jul 29, 2011 at 9:49 pm

  • Copy link

  Thanks again for the heads up. I’m using Twenty Eleven now, and the header looks great!

• 

  unisoncu · Member · Jul 29, 2011 at 9:54 pm

  • Copy link

  Thank you for your help! It totally worked for me in 2010!!

• 

  thesacredpath · Member · Jul 29, 2011 at 9:54 pm

  • Copy link

  Yeah, CSS is typically theme specific, but in this case it would be the same.

• 

  thesacredpath · Member · Jul 29, 2011 at 9:57 pm

  • Copy link

  On 2011, there will be some futzing you will likely have to do with margins and padding, but the CSS above should work.