JoomlaJoomla 1.6Joomla 1.7Joomla ModulesJoomla SetupJoomla Tutorials

Joomla 1.7 Help – Change the bottom 3 images that read ‘Support Joomla’

Joomla 1.7 Beez_20 Help – How to change the ‘Support Joomla’ images at the bottom of the Beez 20 Template.

Support Joomla
Support Joomla

In my previous post about the Beez 20 Template module positions, you can see that the 3 ‘Support Joomla’ images with titles contribute! Books! Shops! are in 3 different positions: position-9, position 10, and position 11.  If you research in the Module Manager you will see that the banner component is used in these 3 positions.   There are many ways you can change these images to your liking, you can either:

  • Download a gallery component which contains a image module to display images.
  • Upload images and add them to your banner component.
  • Upload images and add them via your ‘Custom HTML module type.

Below I will show you how to see what is in position-9, position-10, position-11, then guide you in how to add an image via the easiest way – ‘Custom HTML’ module type.  Using the ‘Custom HTML’ is great if you have static images that you do not want to change.  If you want to add rotating banners in these positions, all you need to do is use the Banner Component to add a new banner and upload images.

1.  How to see which modules are in the module positions

  • Login to your Joomla 1.7 administrator backend
  • Click on ‘Extensions’, ‘Module Manager
  • Use the filter ‘Selection Position’ = position-9
  • See the column that says ‘Type’, it will show you which module is being used.  In this case it’s the ‘Banners’ module
  • You can click and edit ‘ Contribute’ and see ‘Module Manager – Module Banners
Joomla Beez 20 Module Manager Position 9
Joomla Beez 20 Module Manager Position 9

 2.  Delete the module in position 9

  • Use the checkbox to select ‘Contribute’, the module in position-9
  • Click on the ‘Trash’ button at the top
  • You will see a message that says:

1 module successfully trashed

3.  Add the ‘Custom HTML’ module

  • Staying in the Module Manager, click on ‘New’
  • Select Module Type = Custom HTML
  • In the Module Manager: Module Custom HTML, set the following values
    • Title = <whatever you want to call it, the title will not be seen> My image 1
    • Show Title = Hide
    • Position = position-9
    • Status = Published
    • Access = Public
  • Click on ‘Image’
  • If the image is on your computer – Under Upload Files – select the image file from your computer, ‘Start Upload’
  • Click on ‘Insert’ image into the text area of the ‘Custom HTML’ module.
  • Save the Custom HTML module.
Joomla Custom HTML Module
Joomla Custom HTML Module

After you are done, go to your Joomla 1.7 frontend and refresh your website.  You should see the image you uploaded and inserted into your Custom HTML position-9 show up on the Frontpage.  Repeat the above steps to replace the images in position 10 and position 11.

Hope that helps,


  1. Alan

    This is by far the best site I have found for customizing the Joomla templates. No technical jargon, easy step by step instructions that even a complete newbie like me can follow.
    With absolutely no previous cms experience I changed my banners, header image and logo, footer text all within a couple of hours.
    I would recommend this site for anyone who is struggling with a Joomla site

    1. Elaine

      Hi Alan,
      Thanks so much for your kind comments. I’m glad my posts helped you with your site. If you have any questions, please let me know.
      Thanks again for your visit,

  2. Gustavo

    WOW! Elaine I wish you were in Montreal! This was so easy! excellent tutorial and easy to follow. I’ll check all the other ones. Thanks!

  3. Caroline

    What if you want to replace the image with php or java advertising code? I tried the custom HTML and it did not work. I am building a site using the Joomla 1.7 and OIOPublisher for the advertising. I want to place ads at position 9, 10, and 11, and above the header at the top. I am new to this and have no idea where to put the code. Thank you for any information. I have been reading a lot of posts from your website and I am grateful for the information you have shared thus far.

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload