How to add link to joomla banner image

Posted on 2011-03-04
Last Modified: 2012-05-11
Hi all,

i would like to link my joomla page header image to my index page. How can i do it?


Question by:Patricck
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
LVL 11

Expert Comment

by:Amanda Watson
ID: 35041687
You will be able to do this within your index.php file within your template, or you could create a custom module to be placed in the position of the header and add your header image in there with the link in there

Expert Comment

by:Vimal DM
ID: 35041870

For displaying the header there will be a class and that class will be used in a div tag

in between the div tag just have your link

<div><a href=''>Link</a><d/iv>
LVL 12

Expert Comment

by:Panagiotis S
ID: 35042162
<a href="index.php"><div id="header"></div/></a>

where header is the container of the image
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

LVL 25

Expert Comment

ID: 35055755

I'm using this for almost all my project Banner header, easy to use and not expensive.

or you can used Joomla core module
Components->Banners->Manage Banners.
A Banner is displayed on the website using the Banner Module.
LVL 25

Accepted Solution

lenamtl earned 500 total points
ID: 35055858
Or if you want just to edit existing core template let say rhuk_milkyway template:

Edit the file index.php located in the directory \templates\rhuk_milkyway.

 Modify the following line of code as follows:

find this line
 <div id="logo"></div>

Open in new window

change for this
 <div id="logo"><a href="<?php echo $this->baseurl ?>/"><img src="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/images/mw_joomla_logo.png" /></a></div>

Open in new window


Author Comment

ID: 35274450
Hi, sorry for your late answer,
I have changed my line.. this one:

 <div id="logo"></div>

<div id="logo"><a href="<?php echo $this->baseurl ?>/"><img src="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/images/mw_joomla_logo.png" /></a></div>

but now i see a small logo above my top banner, without picture - when you want to link a picture, but there is no picture....

LVL 11

Expert Comment

by:Amanda Watson
ID: 35275342
You could try just doing a direct link to you image without using php like this
<div id="logo"><a href=""><img src="" /></a></div>

And make sure you use the #logo to style the position within the site also


#logo {

For example
LVL 25

Assisted Solution

lenamtl earned 500 total points
ID: 35279163
Make sure you put your new images in this directory

Featured Post

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Allow a tab area under the contents 1 26
CSS question 4 28
javascript works in Chrome, but none of the other browsers 14 36
CSS for Popup in ASP.NET 4 19
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question