Placing a logo above the header

  • Author
  • #1302050

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

    The blog I need help with is


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

The topic ‘Placing a logo above the header’ is closed to new replies.