Add image to right of home page title in 2011 theme

• 

  loopfly · Member · Mar 26, 2012 at 1:13 pm

  • Copy link
  • Add topic to favorites

  Hi,

  How do I add an image to right of my home page title in 2011 theme? This is the title above the menu.
  I tried:

  #title a {
  background:url(‘http://paflyguide.files.wordpress.com/2012/03/p4220523.jpg’) no-repeat right top;
  }

  but it doesn’t seem to work.

  Thank you :)

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

• 

  designsimply · Member · Mar 29, 2012 at 5:37 pm

  • Copy link

  That’s close, but you would wan to use #site-title instead of #title to target the title above the menu in the Twenty Eleven theme. In addition, you would probably want to add the background image to something that has a wide area already, like the hgroup tag in that theme.

  Here is one example of how you could do it. Since the image example you provided was 300px tall, I set the height to 300px and hide the searchbox in the header.

  hgroup {
  background:url('http://paflyguide.files.wordpress.com/2012/03/p4220523.jpg') no-repeat right top;
  height: 300px;
  }
  
  #branding #searchform {
  display: none;
  }