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

by Elaine on August 18, 2011

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

support joomla Joomla 1.7 Help   Change the bottom 3 images that read 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 position 9 10 11 Joomla 1.7 Help   Change the bottom 3 images that read Support Joomla

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 insert image Joomla 1.7 Help   Change the bottom 3 images that read Support Joomla

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,

Elaine

 Joomla 1.7 Help   Change the bottom 3 images that read Support Joomla

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 6 comments… read them below or add one }

Alan January 26, 2012 at 9:52 am

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

Reply

Elaine January 26, 2012 at 12:32 pm

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,
elaine

Reply

Gustavo February 29, 2012 at 4:08 pm

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!

Reply

Elaine February 29, 2012 at 10:40 pm

Hi Gustavo,
No problem, glad I could help. :) I will be visiting Quebec soon in the summer time. Hope it will be a good experience.
Thanks for your visit,
elaine

Reply

Tendai Mkwaira March 7, 2012 at 4:38 pm

Good stuff :D

Reply

Caroline June 20, 2012 at 4:23 pm

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.

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: