X-Cart forums

[swifty1]

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?

[ARW VISIONS]

look for .BottomBox in the CSS file.

[swifty1]

BottomBox is under Footer Styles in the CSS file, these i have changed to FFFFFF to show as white but no affect to web site even after clearing the catch, any suggestions?

[ARW VISIONS]

did you put a # in front of it?

#ffffff is the code for white, or #fff

post your bottom.tpl and your footer styles.

[swifty1]

Originally Posted by Ashley

did you put a # in front of it?

#ffffff is the code for white, or #fff

post your bottom.tpl and your footer styles.

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.

[ARW VISIONS]

did you try adding the backgorund color to bottomBox?

[gb2world]

Is it the background color for .Bottom?

you have <td class="Bottom"

and you have a backgroundcolor set for Bottom

.Bottom {
BACKGROUND-COLOR: #D6D7D9;

[swifty1]

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

[ARW VISIONS]

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;
}

[swifty1]

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