Joomla Templates Club 406,261 posts

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#132800

Am I able to insert a logo in the footer, but in the left column, as in the attached example. I assume ill need to edit footer.php, as I want it across all pages on the site?

Any assistance appreciated.

---

Attachments:

1. 

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#268193

I worked this out myself.

Open template index.php file.

Around line 242 insert your image link/href as follows….

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap" class="clearfix">

<a href="http://www.mysite.com/" target="blank" style="float: left; padding-left: 30px;"><img src="images/stories/logo.png" title="Company Logo - Links to external site" alt="Image of Company Logo" /></a>

<div id="ja-footer">

Hope this helps others…

[dlocc Friend dloccJoin date: August 2008Posts: 74Downloads:0Uploads:0 Thanks: 3 Thanked: 9 times in 5 posts]

#268365

I’d probably still use CSS to do this.

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#268481

Do you mean as in ‘wrap in a DIV then style the DIV with CSS’?

[dlocc Friend dloccJoin date: August 2008Posts: 74Downloads:0Uploads:0 Thanks: 3 Thanked: 9 times in 5 posts]

#268543

Well, you already have a div called ja-footerwrap… so I’d use this existing div and align the image as an regular image or better yet background. Go into your templates main CSS file and CTRL-F “footer” find the appropriate lines to edit.

Example

div.ja-footerwrap {
background-image: url(../footer.jpg);
padding-left: 10px;
}

Hope this helps.

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#268695

You’re completely correct dlocc! I’ve managed to implement your suggestion and have the logo as a background image in the right place. However I need the logo image to be a link to an external site. I didn’t think I could have a backgound image with a hyperlink.:confused:

[Author]

Posts