Blog

latest News, Update, Tutorials and much more
1 minute reading time (222 words)

How to use images as menu items instead of text

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.


menu_image How to use images as menu items instead of text

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.


menu_image_insert How to use images as menu items instead of text

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.

 

How to modify the max image upload size
How to display the article publish date
 
sepratord j1

 

Schedule a
Free Consultation

Sometimes a relationship needs a little nudge to help it grow.
Tell us a few things about yourself and we will show you a lot more about us.

Please type your full name.
Invalid email address.
Invalid Input
Invalid Input
Invalid Input

sepratord j1