Need help? Check out our Support site, then


Placing a logo above the header

  1. andreahalexander
    Member

    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 countdowntointegration.wordpress.com.

  2. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic