Joomla Templates Club 406,261 posts

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#152020

Hi Everybody

I’ve got a small problem with the alignment of text in the footer area:

I would like the ‘Site Developed By’ line of text indenting to match the line above

Here’s the code I currently have:

<?php
/*------------------------------------------------------------------------
# JA Mesolite for Joomla 1.5 - Version 1.2 - Licence Owner JA69989
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/
// no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<small><?php echo $lineone; ?> | <a href="http://www.britishlionfoodstore.com/index.php?option=com_contact" title="Contact British Lion Food Store" target="blank">Contact</a> |<a href="http://www.britishlionfoodstore.com/index.php?option=com_content&view=article&id=565" title="About Us" target="blank"> About Us</a> |<a href="http://www.britishlionfoodstore.com/index.php?option=com_content&view=article&id=564" title="Privacy Policy" target="blank"> Privacy Policy</a> |<a href="http://www.britishlionfoodstore.com/index.php?option=com_content&view=article&id=543" title="Terms and Conditions" target="blank"> Terms</a> |<a href="http://www.britishlionfoodstore.com/index.php?option=com_content&view=article&id=828" title="How to Find Us" target="blank"> Map</a> |<small> <p>
</p>Site developed by <a href="http://www.tonicwebworks.com/" title="TonicWebWorks.com" target="blank">TonicWebWorks.com</a>.</small>
</p>


I have to admit that php is not my strong point :-[

Any help greatly appreciated.

Thanks
Chris

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#347926

Hi Chris
have a play with the padding in this code at line 1117 in the template.css file I’m using the latest Mes 2 qs for reference

#ja-footer small {
color:#666666;
font-size:100%;
padding:10px 10px 10px 20px;

Blessings Shannon

1 user says Thank You to uniquebiz for this useful post

1. questbg

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#347930

Thanks Shannon … I’ll have a play with the padding settings and report back!
Chris

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#347935

Hi Shannon

Wow … really weird!

I changed all the padding figures, and it did move the second line up and down a bit.

However, the very last figure in ‘padding’ does move the indent horizontally, however, when I change this, it affects only the top line, the second line remains stuck to the left hand side!

Cheers
Chris

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#347946

Um if the last padding moves the top line horiz, then a – (negative) number will shift the top line left and match the bottom? I’ll look more at the code Just let me run up mesolite locally hee hee

Line 1123

#ja-footer ul {
margin: 0;
padding: 0 10px 5px 10px;
line-height: normal;
}

Highlighted value changes bottom line left margin, set to 0 px to move to right, negative number to move further right
Blessings Shannon

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#347951

Hi Shannon

mmm … still something weird happening!

My code in the template.css file now looks like this:

#ja-footer small {
color: #666666;
font-size: 100%;
padding: 100px 10px 10px -20px;
}

#ja-footer ul {
margin: 0;
padding: 10px 10px 5px -20px;
line-height: normal;
}

However, both lines are still stuck to the left edge!

If I set them both to zero, they stay in the same place too!

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#347953

PS. Just out of interest, I changed both values to +20, but only the top line indented, bottom stayed glued to the left!!!

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#347965

Probably due to the t3 logo and div being removed from the left the t3 css may have has some over balance for the rest of the footer, anyway sent you an email etc we’ll get there 🙂
Blessings Shannon

[Author]

Posts