Placing a logo above the header

• 

  andreahalexander · Member · Jun 10, 2013 at 3:07 pm

  • Copy link
  • Add topic to favorites

  Is it possible to place a logo above the header on wordpress.com? I want our logo to appear above the header and title for the blog. Thank you.

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

• 

  designsimply · Member · Jun 24, 2013 at 6:31 pm

  • Copy link

  Certainly! You can use the “background” property in CSS to add an image as a background to the header.

  Here is an example that is specific to the Ocean Mist theme:

  #header h1 a {
  	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png) left center no-repeat;
  	padding-left: 40px;
  }

  I used a WordPress logo in this example, but you can change the url() value to a different image that you upload to your media library.

  I also noticed that adding a logo there makes your site title fall over to a second line. If you wanted to adjust the font size for the site title you can add something like this too:

  #header h1 {
  	font-size: 2.4em !important;
  }

  You should adjust all the size values based on your own image size, of course.