Bottom.tpl editing
 

Hi i need some help on how i can change the background colour to the bottom.tpl.
I have a light grey background in the skin1.css HTML background colour:
#E5E5E5
, this grey colour is also the background colour for the bottom.tpl, i have tried to change various hex codes in the Footer styles class but are unable to change the bottom.tpl colour, can anybody point me in the right direction?

Re: Bottom.tpl editing
 

look for .BottomBox in the CSS file.

Re: Bottom.tpl editing
 

Re: Bottom.tpl editing
 

did you put a # in front of it?

#ffffff is the code for white, or #fff

post your bottom.tpl and your footer styles.

Re: Bottom.tpl editing
 

Yes i did and the Footer styles have all the original hex codes.

Footer styles
*/
.BottomRow {
TEXT-ALIGN: center;
VERTICAL-ALIGN: bottom;
}
.BottomBox {
COLOR: #9A9A9A;
HEIGHT: 22px;
VERTICAL-ALIGN: middle;
}
.Bottom {
BACKGROUND-COLOR: #D6D7D9;
COLOR: #9A9A9A;
}
.BottomPopup {
WIDTH: 100%;
TEXT-ALIGN: right;
PADDING-BOTTOM: 10px;
}
.BottomPopup A {
FONT-WEIGHT: bold;
}
.BottomDialogBox {
BACKGROUND-COLOR: #FFE591;
PADDING-LEFT: 13px;
PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
}





{if $usertype eq "C"}
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="BottomBox"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td {*background="{$ImagesDir}/wrcimages/footer_shadow.jpg"><img src="{$ImagesDir}/wrcimages/footer_shadow.jpg" alt="" width="1" height="5">*}</td>
</tr>
<tr>
<td><div align="center"><strong>All Major Credit Cards Accepted</strong><br />
<img src="http://www./skin1/images/wrcimages/card-images1.jpg" width="351px" height="34px" /></div></td>
</tr>
<tr>
<td><div align="center"><font color="#999999" size="1" face="Arial, Helvetica, sans-serif">{include file="copyright.tpl"}. All rights reserved. <br>
Email:<a href="mailto:{$config.Company.orders_department}"> {$config.Company.orders_department}</a> Tel:{if $config.Company.company_phone}{*{$lng.lbl_phone_1_ title}: *}{$config.Company.company_phone}{/if}&nbsp;&nbsp; <a href="help.php?section=business">{$lng.lbl_privacy _statement}</a>
&nbsp;|&nbsp; <a href="help.php?section=conditions">{$lng.lbl_terms _n_conditions}</a>&nbsp;|&nbsp; <a href="sitemap.html">{$lng.lbl_sitemap}</a>&nbsp;|&nbsp; <a href="glossary.html">{$lng.lbl_glossary}</a>.</font></div></td>
</tr>
</table></td>
</tr>
</table>
{else}
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td></tr>
<tr>
<td class="BottomBox">
<table width="100%" cellpadding="0" cellspacing="0"><tr>
<td class="Bottom" align="left">{include file="main/prnotice.tpl"}</td>
<td class="Bottom" align="right">{include file="copyright.tpl"}</td>
</tr></table>
</td>
</tr>
</table>
{/if}


Hope this is of help.

Re: Bottom.tpl editing
 

did you try adding the backgorund color to bottomBox?

Re: Bottom.tpl editing
 

Is it the background color for .Bottom?

you have <td class="Bottom"

and you have a backgroundcolor set for Bottom

.Bottom {
BACKGROUND-COLOR: #D6D7D9;

Re: Bottom.tpl editing
 

Yes i changed all the hex code's to #FFFFFF in all the Footer styles code.

Re: Bottom.tpl editing
 

Im sure you know this but color and background-color are not the same.

did you change

.BottomBox {
COLOR: #9A9A9A;
HEIGHT: 22px;
VERTICAL-ALIGN: middle;
}

to

.BottomBox {
BACKGROUND-COLOR: #ffffff;
HEIGHT: 22px;
VERTICAL-ALIGN: middle;
}

Re: Bottom.tpl editing
 

UMM what can i say, that has sorted the background colour to the bottombox however i now have a thin band of grey between the main template and the bottombox template, used webmaster mode to try and find the template responsible for the grey band,unable to see the template.

Thanks for that Ashley

Re: Bottom.tpl editing
 

not sure about the gray line. would need more info.

Re: Bottom.tpl editing
 

I will look into this further and thanks again Ashley.