Replace Your Title w/ a Logo Image

Our editor currently only allows you to place text in the Title area of the site.  So how can you switch this out for a Logo image instead?  By making some simple changes to the CSS of theme. 

Go to the Design tab and click Edit HTML / CSS. 

Upload your Logo image using the Add New File(s) option in the left column. 

Once uploaded, you'll see your logo image in the list.  Note that your logo image should be in JPG, GIF or PNG format before upload. 

Find the "Title" or "Sitename" area of your theme's CSS.  If your theme doesn't have either, you may not be able to make the change.  It will look very, very similar to this:

Add this line of text within the curly brackets:
  
background: url() no-repeat;

If there is already a line labelled "background" in this "Title / Sitename" area, delete it and replace it with the above.  Your code should now look similar to this:

Type or paste the exact name of the logo file you uploaded within the parentheses ().  In this example, it would be entered like so:

background: url(jmlogosm.png) no-repeat;

After making this change, you'll see the logo image in the live preview area of the CSS.  The logo image will appear underneath your Title text.  We'll fix that in a moment.

Save your changes by clicking the Save button in the upper right.  

Now, to fix the problem with the Title overlaying the logo, go to the Settings tab and uncheck the "Show site title on the top of your pages" box.  This will remove the Title from the top of the site, leaving you with a perfect logo.  You should not simply delete the Title as doing so can damage your rank with Search Engines. 

After you save this change, you should be set. 

Due to the nature of this option, there is no way to alter the image once you upload it.  You will need to change the image dimensions (and other properties) prior to upload.  This is not something either our Editor or Support will be able to help do.