Loading...
JoomlaJoomla 1.6Joomla 1.7Joomla Tutorials

Joomla 1.7 – How to Use Images as Menu Items Instead of Text

Joomla 1.7 Tutorial – How to replace text in the menu item with images.

In this tutorial, you will learn how to insert an image as a menu item instead of text.  You can easily accomplish this using the Menu Manager Menu Items and do not need to install any 3rd party Joomla 1.7 Components or Extensions.

For example, I want to replace the 3 links along the top menu that say “Home”, “Sample Sites”, “Joomla.org” with images instead of text.   Below are the steps on how to do it in your Menu Manager.

Joomla 1.7 - Menu as Images
Joomla 1.7 - Menu as Images

1.  Login to your Joomla 1.7 Administrator Panel

2.  Click on “Menus”, “Top’, Click on New

3.  Set the following values:

  • Menu Item Type = “featured articles
  • Menu TItle = Home
  • Status = Published
  • Access = Public
  • Menu Location = Top

4.  Under Link Type Options, set the following values:

  • Link Image = Upload the image you want to insert from your computer
  • Add Menu Title = No

5.  Click on ‘Save & Close’

6.  Repeat these steps for the other menu items you want to insert an image instead of using text.

Joomla 1.7 - Insert Image Menu Item no title
Joomla 1.7 - Insert Image Menu Item no title

If your Menu Manager Edit Menu item screen does not show the ‘Add Menu Title’, see my post here.

After you save and refresh your Joomla 1.7 website, your menu items will show up as images with no titles beside it.

Thanks,

Elaine

4 comments
  1. Susan

    Hi Elaine,

    Thanks for this post. I’ve done everything as you wrote but it still shows the title of the page next to the icon.

    Do you have any suggestions please?

    Many thanks,
    Susan

Leave a Reply

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

Captcha Captcha Reload