InMotion Hosting Support Center

blog-banner-imageIn our testing of the blog sample data in Joomla 3.0, we noticed the header image of raindrops on each of the pages. In this tutorial, we'll show you how to change this banner image (as seen in the screenshot to the right) in your Joomla Hosted website.

How is the current header image being displayed?

The raindrops.jpg image in the header, which is 700px by 180px, is not hard coded into the template. It is simply a custom HTML module that shows the image, that is placed in position-3 (learn about finding template positions here).

How can I change the header image?

  1. Log into your Joomla 3.0 administrative dashboard
  2. In the top menu, click Extensions and then click Module Manager
  3. click-the-image-moduleFind and click on the Image module. By default, it is in position-3 and is a Custom HTML module.
  4. Click the Custom Output tab.
  5. click-the-image-then-click-image-buttonAs there is already an image here, click the image within the editor, and then click the Image button under the editor.
  6. choose-new-image-and-click-insertUsing the media manager that shows up, either browse for an existing image towards the top of the media manager, or scroll down to the bottom of the media manager and upload a new image. After selecting the image, click the Insert button at the top right. You will be brought back to the editor, where you will then see your new image show. Click Save in the top left.

    In our testing, we navigated to the headers folder and selected the maple.jpg image.

    After saving the changes, when you visit your website again, you should see the new header image appear (as in the screenshot below).

Continued Education in Course 107: How to Blog using Joomla 3
You are viewing Section 3: How to change the banner image in Joomla 3.1
Section 2: How to add a Read more button in Joomla 3.1
Section 4: How to hide the banner image 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-09 8:35 pm
It is fully Improved already.
n/a Points
2014-08-09 8:35 pm

Wonderfull, helpfull, i relly enjoyed the article.

n/a Points
2014-08-13 1:25 pm
It's perfect! Thank you.
n/a Points
2015-01-01 1:55 am
Not much, I found it easy to use and the important part is what I did following your instructions worked!
n/a Points
2015-03-15 12:42 pm

That helped. Thanks!

n/a Points
2015-07-23 8:21 pm

Great guide!

n/a Points
2015-08-14 12:44 am
It's very helpful ! Thank you very much !!!
n/a Points
2015-08-23 5:42 am

My appreciation is beyound expression. 

n/a Points
2015-11-23 11:34 pm

But extension is not in can I edit it?

7,039 Points
2015-11-24 5:23 am
Hello Nazihah,

What extension are you trying to access? Also what version of Joomla are you using?

Best Regards,
TJ Edens
n/a Points
2015-11-25 3:19 am

Thanks for your feedback. I just get the extension menu after admin unlocked it. And I want to ask, how can I backup the file of joomla that the admin was created?. I responsible to update it but must backup it first in case when there have anything error that I done.

Thank you,

28,463 Points
2015-11-25 10:14 am
Hello Nazihah,

Thanks for the question. If you're trying to backup the Joomla account, you will need access to the host where the website is being served. You would need to do a backup of the database associated with the Joomla site, as well as all of the Joomla installation files on the webserver. This is generally done with backup tools on the hosting server.

I hope this helps to answer your question, please let us know if you require any further assistance.

Arnel C.

Post a Comment

Email Address:
Phone Number:

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

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