Twenty Eleven Theme: Adding a Logo by Site Title

• 

  pptherapist · Member · Nov 17, 2014 at 8:33 pm

  • Copy link
  • Add topic to favorites

  How do I add a logo to the left of my site title in the Twenty Eleven theme? I want to use a .jpg image from my media library.

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

• 

  pcosta88 · Member · Nov 17, 2014 at 8:50 pm

  • Copy link

  Hello!

  The location of images are theme-based. Some themes may allow it some do not.
  You might try searching for one and clicking “preview” on it before you activate to see if it allows it.
  http://theme.wordpress.com/

  With your theme it appears that you are unable to add a logo to the left of your site title.
  http://theme.wordpress.com/themes/twentyeleven/

  One possible solution might to create an image widget and add it to your sidebar with a link to your logo.
  http://en.support.wordpress.com/widgets/image-widget/

• 

  designsimply · Member · Nov 21, 2014 at 12:21 am

  • Copy link

  To add a logo to the left of the site title in the Twenty Eleven theme, add the following CSS to your Appearance > Customize > CSS editor:

  #site-title a {
  	background: url(http://i2.wp.com/s.w.org/about/images/logos/wordpress-logo-notext-rgb.png?w=50) center left no-repeat;
  	padding-left: 60px;
  }

  Change the url() value to the image URL from your media library and update the padding value as needed.

• 

  pptherapist · Member · Nov 21, 2014 at 6:38 am

  • Copy link

  Thank you designsimply!

• 

  designsimply · Member · Nov 21, 2014 at 3:43 pm

  • Copy link

  You’re welcome!