InMotion Hosting Support Center

Movable Type does not have any logo in the template by default. In order to place your logo in the header section of your site, you will need to upload your image to the Assets, then add the HTML code in the template Header Banner linking your logo in the code. Below are the steps to insert a logo into your Movable Type websites Default theme.

Steps to upload a Logo

  1. Log into your Movable Type Dashboard.
  2. Add New Asset Movable TypeOn the left side where it shows "Assets", click New.
  3. Browse for logo Movable TypeUpload your Logo to the server.
  4. Manage Assets Movable TypeClick your logo on the Manage Assets page.
  5. Get logo path Movable TypeFind the path to your logo image. In this case, the logo was uploaded to the main folder of the Movable Type install directory.

    In this case, the logo was uploaded to the main install directory. You can use the url in the image tag on step 8.

  6. Templates Movable TypeGo to "Design" on the left and click Templates.
  7. Template Module Movable TypeUnder the "Template Modules", click the Banner Header.

    Header Banner Movable TypeYou should see the code for the header name and description.

  8. Image code Movable TypeAdd the following code after the <div id="header-content">.
    <img src="" alt="My Logo" style="float:left;padding: 0px 20px 0px 0px" /> 

    Save the Changes.

  9. Publish the site Movable TypePublish the site by clicking the Publish button at the top right.
  10. Click the Publish button Movable TypeClick Publish.

    Close the publish success box Movable TypeYou should see a successful published notice. Close the publishing box.

    Final view with logo on site Movable TypeNow when you go to your website you will see you logo at the top left like the snapshot to the right.

Was this article helpful?
Continued Education in Course 103: Changing the Appearance of Movable Type
You are viewing Section 2: Adding a Logo to your Movable Type site
Section 1: How to change the theme in Movable Type
Section 3: Editing the Footer Banner module text in Movable Type

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

n/a Points
2017-12-27 10:39 am

Great work appreciated

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

1 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!