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
Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

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

[Webinar] Learn How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
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).

728 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