Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


How to add link to joomla banner image

Posted on 2011-03-04
Medium Priority
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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

LVL 26

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 26

Accepted Solution

lenamtl earned 2000 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 26

Assisted Solution

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

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

660 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