InMotion Hosting Support Center

Another option in the Joomla 3.0 Protostar template we will review is the logo setting:

Upload a custom logo for the site template.

Uploading a custom logo in your Joomla 3.0 hosted website is straight forward, and you can see in the screenshots below how the logo will show in the upper left of your pages:

Without a LogoWith a custom logo
logo-no-logo logo-custom-logo-uploaded

You'll notice that if you choose to show a custom logo, your site title will no longer show. In our testing, you can see the My Joomla 3.0 Website title shows in the before screenshot, but not in the after.

To add a logo in Joomla 3.0

  1. Log into your Joomla 3.0 Admin Dashboard
  2. In the top menu, click Extensions and then click Template Manager
  3. In the list of templates, find and click on the Protostar template. In our testing, we clicked on My Default Style (Protostar)
  4. Click the Options (or Advanced if you don't see Options) tab towards the top of the page
  5. Find the setting labeled Logo, and then click the Select button next to it.
  6. At this point you have several options:

    6.1: Browse through files you've already uploaded and click on an image
    6.2: Next to Image URL, type in the url to the image
    6.3: Next to Upload file, click Choose Files and then upload a logo from your computer

    After using one of the three options above, click the Insert button in the top right of the pop-up and then click the Save button in the top left of the page to save the settings for you new logo.

    A note about File size:
    Joomla will show you the file size limit if you decided to upload a file. For example, we saw at message stating there was a 10mb limit. As far as dimenions, we were allowed to upload an image 2000px long. The chrome browser resized the long image so it didn't stretch off the screen, but Firefox showed the full 2000px wide image (which didn't look good at all).

You are viewing Section 3: How to upload a logo in the Joomla 3.1 Protostar template
Section 2: Changing your template background colour in Joomla 3.1

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

Support Center Login

Social Media Login

Social Login Joomla

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
n/a Points
2014-08-20 3:00 pm

Thanks for the help with adding a logo. What width did work for the logo, so that it doesn't stretch off the screen when viewed in Mozilla?

27,016 Points
2014-08-20 3:55 pm
Hello Chris,

The reference to the file size in the article is related to the maximum size of the graphic. The size that you need will be related to the size of the logo graphic in its correct proportions. This will depend on your graphic. For example, if you took a logo graphic that was proportionally correct at 320x200 pixels, and then set the graphic size, to 1000x1000pixels, then it would look stretched because the proportions of the graphic are not proportionate. If you wanted to double the size the graphic that is 320x200, then you would simply use 640x480 pixels to keep the proportions correct.

I hope that helps to explain it! Please let us know if you have any further questions or comments.

Arnel C.
n/a Points
2014-10-12 6:05 am
Su documentación es correcta , pero como se puede superponer logo,?
es decir, en la cabecera tener una rotación de imágenes y encima el logo en posición fija.
11,186 Points
2015-01-06 1:14 pm
Unfortunately, we only speak English and your comment did not translate well. If you could provide your comment in English, I will be happy to assist you.
n/a Points
2015-08-07 1:07 pm

Hello, I am learning to work with Joomla and I have uploaded the logo, but how can I make it smaller? The website is

Thanks you!

18,924 Points
2015-08-07 3:01 pm
Hello Tom,

Thank you for contacting us. I recommend re-sizing the image on your computer before uploading. Most computers include an image processor, such as Paint, or Gimp. There are also many available online.

This reduces the amount of processing your server has to do, and can speed up load times, since the image is already the right size (and doesn't have to be resized when the page loads).

Thank you,

n/a Points
2015-08-07 6:17 pm

Hello John-Paul,

Thank you!

I am going to try it first thing in the morning!



Post a Comment

Email Address:
Phone Number:

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

9 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!